update config

Author: hunghg255

package.json

@@ -11,7 +11,7 @@
     "lint": "eslint --ext .ts,.tsx src --color",
     "format": "prettier --write \"./src/**/*.{ts,tsx,json}\"",
     "prepare": "husky install",
-    "analyze": "source-map-explorer 'dist/assets/*.js'"
+    "analyze": "npm run lint && tsc && vite build --mode=analyze && source-map-explorer 'dist/assets/*.js'"
   },
   "dependencies": {
     "react": "^18.2.0",

vite.config.ts

@@ -5,42 +5,47 @@ import checker from 'vite-plugin-checker';
 import * as path from 'path';
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    react(),
-    EnvironmentPlugin('all'),
-    //  resolve({ "react-codemirror2": `
-    //       const UnControlled = {};
-    //       export {
-    //         UnControlled,
-    //       }`
-    //   }
-    checker({
-      typescript: true,
-    }),
-  ],
-  optimizeDeps: {
-    include: ['react'],
-  },
-  css: {
-    devSourcemap: true,
-  },
-  build: {
-    commonjsOptions: {
-      include: [/node_modules/],
+export default defineConfig(({ mode }) => {
+  const isDev = mode !== 'production';
+  const isAnalyze = mode === 'analyze';
+
+  return {
+    plugins: [
+      react(),
+      EnvironmentPlugin('all'),
+      //  resolve({ "react-codemirror2": `
+      //       const UnControlled = {};
+      //       export {
+      //         UnControlled,
+      //       }`
+      //   }
+      checker({
+        typescript: true,
+      }),
+    ],
+    optimizeDeps: {
+      include: ['react'],
+    },
+    css: {
+      devSourcemap: isDev,
+    },
+    build: {
+      commonjsOptions: {
+        include: [/node_modules/],
+      },
+      sourcemap: isAnalyze,
+    },
+    resolve: {
+      alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
+    },
+    esbuild: {
+      sourcemap: isDev,
+    },
+    server: {
+      port: 3000,
+    },
+    preview: {
+      port: 3000,
     },
-    // sourcemap: true // Check analyze
-  },
-  resolve: {
-    alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
-  },
-  esbuild: {
-    sourcemap: true,
-  },
-  server: {
-    port: 3000,
-  },
-  preview: {
-    port: 3000,
-  },
+  };
 });