build(react-vite): avoid starting bundler analyzing server in

Author: xianshenglu

demo/react-vite/package.json

@@ -8,6 +8,7 @@
     "postinstall": "cd ../shared && npm ci",
     "build": "vite build",
     "build:feature": "tsc -b && vite build",
+    "build:analysis": "vite build --mode analysis",
     "lint": "eslint .",
     "preview": "vite preview"
   },

demo/react-vite/vite.config.ts

@@ -10,26 +10,48 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url))
 // todo: why __dirname is available when installed @types/node? we didn't specify the type in tsconfig.json
 // todo: installing @types/node can fix the type issue for path and url, but it will also make __dirname works? which may be incorrect?
 // todo: remove @types/node and check all the questions
-export default defineConfig({
-  base: './',
-  plugins: [tsconfigPaths(), react(), analyzer({ openAnalyzer: false })],
-  css: {
-    modules: {
-      generateScopedName: '[name]__[local]__[hash:base64:5]' 
-    }
-  },
-  server: {
-    fs: {
-      allow: [
-        path.resolve(__dirname, '../shared'),
-        path.resolve(__dirname, './')
-      ] // or path.resolve(__dirname, '../shared')
-    }
-  },
-  resolve: {
-    alias: {
-      '@shared': path.resolve(__dirname, '../shared'),
-      src: path.resolve(__dirname, './src')
+const productionConfig = {
+  plugins: []
+}
+const developmentConfig = {
+  plugins: []
+}
+const analysisConfig = {
+  plugins: [analyzer({ openAnalyzer: false })]
+}
+function getExtraConfig(mode: string) {
+  return (
+    {
+      development: developmentConfig,
+      production: productionConfig,
+      analysis: analysisConfig
+    }[mode] || productionConfig
+  )
+}
+
+export default defineConfig(({mode})=>{
+  const extraConfig  = getExtraConfig(mode)
+  return ({
+    base: './',
+    plugins: [tsconfigPaths(), react(), ...extraConfig.plugins],
+    css: {
+      modules: {
+        generateScopedName: '[name]__[local]__[hash:base64:5]' 
+      }
+    },
+    server: {
+      fs: {
+        allow: [
+          path.resolve(__dirname, '../shared'),
+          path.resolve(__dirname, './')
+        ] // or path.resolve(__dirname, '../shared')
+      }
+    },
+    resolve: {
+      alias: {
+        '@shared': path.resolve(__dirname, '../shared'),
+        src: path.resolve(__dirname, './src')
+      }
     }
-  }
+  })
 })