upgrade react to v19, migrate from CRA to Vite, add react compiler

2026-08-03 07:41:04 +02:00 · 2025-03-04 17:53:05 +01:00
parent 0748673bad
commit ffe42c35ea
29 changed files with 2503 additions and 5670 deletions
@@ -0,0 +1,93 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+import eslint from 'vite-plugin-eslint';
+
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: [
+          ['babel-plugin-react-compiler', { 
+            verbose: true 
+          }]
+        ]
+      }
+    }),
+    eslint({
+      lintOnStart: true,
+      overrideConfigFile: './.eslintrc.cjs',
+      failOnError: false,
+      failOnWarning: false,
+      cache: true,
+    }),
+    nodePolyfills({
+      globals: {
+        Buffer: true,
+        global: true,
+        process: true,
+      },
+      protocolImports: true,
+      include: ['crypto', 'stream', 'util', 'buffer', 'events'],
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+      'node-fetch': 'isomorphic-fetch',
+      'assert': 'assert',
+      'stream': 'stream-browserify',
+      'crypto': 'crypto-browserify',
+      'buffer': 'buffer',
+    }
+  },
+  server: {
+    port: 3000,
+    open: true,
+    watch: {
+      usePolling: true,
+    },
+    hmr: {
+      overlay: false
+    }
+  },
+  build: {
+    outDir: 'build',
+    emptyOutDir: true,
+    sourcemap: process.env.GENERATE_SOURCEMAP === 'true',
+    target: process.env.ELECTRON ? 'electron-renderer' : 'modules',
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ['react', 'react-dom', 'react-router-dom']
+        }
+      }
+    }
+  },
+  base: process.env.PUBLIC_URL || '/',
+  optimizeDeps: {
+    esbuildOptions: {
+      target: 'es2020',
+      define: {
+        global: 'globalThis',
+      },
+    },
+    include: [
+      'ethers',
+      'assert',
+      'buffer',
+      'process',
+      'stream-browserify',
+      'isomorphic-fetch'
+    ],
+  },
+  esbuild: {
+    target: 'es2020'
+  },
+  define: {
+    'process.env': {},
+    'global': 'globalThis',
+    '__dirname': '""',
+  }
+});