don't import all modes configs, just the required one

Author: JeSuisUnCaillou

src/config.ts

@@ -5,6 +5,8 @@ const mode = import.meta.env.MODE
 const site_id = import.meta.env.VITE_SITE_ID
 
 // Use Vite's import.meta.glob to conditionally load mode-specific configs
+// This will actually only include the specific config file of the current mode
+// thanks to vite.config.mts dynamicImport plugin
 const modeConfigs = import.meta.glob('@siteConfig/config.*.yaml', {
   eager: true
 })

vite.config.mts

@@ -90,6 +90,15 @@ export default defineConfig(({ mode }) => {
               routeFile.includes(`custom/${env.VITE_SITE_ID}/routes.ts`)
             )
           }
+          // Include only the current mode's config file in the bundle
+          // to prevent /src/config.ts from including all config files before picking the right one
+          if (id.includes('/src/config.ts')) {
+            return files.filter((configFile) =>
+              configFile.includes(
+                `configs/${env.VITE_SITE_ID}/config.${mode}.yaml`
+              )
+            )
+          }
         }
       })
     ],