Fix Vite build configuration for ES modules and proper asset loading

All-Hands-AI · Jan 30, 2025 · a8e2298 · a8e2298
1 parent 8acfb09
commit a8e2298
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/frontend/package.json b/frontend/package.json
@@ -51,7 +51,7 @@
   "scripts": {
     "dev": "npm run make-i18n && cross-env VITE_MOCK_API=false react-router dev",
     "dev:mock": "npm run make-i18n && cross-env VITE_MOCK_API=true react-router dev",
-    "build": "npm run make-i18n && tsc && vite build",
+    "build": "npm run make-i18n && tsc && VITE_BACKEND_HOST=https://work-1-ekyftbovqnpqjfeu.prod-runtime.all-hands.dev VITE_FRONTEND_PORT=12000 vite build",
     "start": "npx sirv-cli build/ --single",
     "test": "vitest run",
     "test:e2e": "playwright test",

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -24,6 +24,7 @@ export default defineConfig(({ mode }) => {
   const FE_PORT = Number.parseInt(VITE_FRONTEND_PORT, 10);
 
   return {
+    base: '/',
     plugins: [
       !process.env.VITEST && reactRouter(),
       viteTsconfigPaths(),
@@ -66,5 +67,23 @@ export default defineConfig(({ mode }) => {
         include: ["src/**/*.{ts,tsx}"],
       },
     },
+    build: {
+      modulePreload: false,
+      target: 'esnext',
+      minify: 'esbuild',
+      rollupOptions: {
+        output: {
+          format: 'esm',
+          entryFileNames: '[name]-[hash].js',
+          chunkFileNames: '[name]-[hash].js',
+          assetFileNames: '[name]-[hash].[ext]'
+        }
+      }
+    },
+    optimizeDeps: {
+      esbuildOptions: {
+        target: 'esnext'
+      }
+    },
   };
 });