1 files changed, 39 insertions, 9 deletions

diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index 94f0b76..30729c0 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -3,21 +3,35 @@
 /* eslint-env node */
 
 import { builtinModules } from 'module';
+import { join } from 'path';
 import react from '@vitejs/plugin-react';
 
-import { chrome, makeConfig } from '../../config/vite-common';
+import { banner, chrome } from '../../config/build-common';
 
-/** @type {string} */
-const PACKAGE_ROOT = __dirname;
+const mode = process.env.MODE || 'development';
+
+const isDevelopment = mode === 'development';
 
 /**
  * @type {import('vite').UserConfig}
  * @see https://vitejs.dev/config/
  */
-const config = makeConfig({
-  root: PACKAGE_ROOT,
+export default {
+  /** @type {import('vite').LogLevel} */
+  logLevel: 'info',
+  mode,
+  root: __dirname,
+  cacheDir: join(__dirname, '../../.vite'),
   plugins: [
-    react(),
+    react({
+      babel: {
+        // Gets rid of deoptimization warnings for large chunks.
+        // We don't need to minify here, because the output of babel
+        // will get passed to esbuild anyways.
+        compact: false,
+        minified: false,
+      },
+    }),
   ],
   base: '',
   server: {
@@ -25,16 +39,32 @@ const config = makeConfig({
       strict: true,
     },
   },
+  resolve: {
+    preserveSymlinks: true,
+  },
+  optimizeDeps: {
+    exclude: [
+      // Already bundled by esbuild.
+      '@sophie/shared',
+    ],
+  },
   build: {
     target: chrome,
+    assetsDir: '.',
+    outDir: 'dist',
+    emptyOutDir: true,
+    sourcemap: isDevelopment,
+    minify: !isDevelopment,
+    brotliSize: false,
     rollupOptions: {
       external: [
         'mst-middlewares',
         'remotedev',
         ...builtinModules,
       ],
+      output: {
+        banner,
+      }
     },
   },
-});
-
-export default config;
+};