funcionando local

vite.config.ts

@@ -1,14 +1,27 @@
-import path from 'path';
-import { defineConfig, loadEnv } from 'vite';
 
-export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, '.', '');
-    return {
-      define: { },
-      resolve: {
-        alias: {
-          '@': path.resolve(__dirname, '.'),
-        }
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import { resolve } from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  build: {
+    rollupOptions: {
+      input: {
+        index: resolve(__dirname, 'index.html'),
+      },
+      output: {
+        entryFileNames: 'assets/[name].js',
+        chunkFileNames: 'assets/[name].js',
+        assetFileNames: 'assets/[name].[ext]'
       }
-    };
-});
+    },
+    // Ensure CSS is extracted to a separate file
+    cssCodeSplit: false,
+  },
+  // Base path for Chrome extension
+  base: './',
+
+})