chore: 优化Vercel部署流程

.gitignore

@@ -51,3 +51,8 @@ release
 *.local
 .vscode/settings.json
 .turbo
+.env
+packages/web/bundle-stats-renderer.html
+packages/web/bundle-stats.html
+vercel.json
+.vercel

packages/web/package.json

@@ -4,7 +4,7 @@
   "version": "2.0.0",
   "scripts": {
     "dev": "vite dev --host",
-    "build": "vite build",
+    "build": "node ./scripts/build.web.mjs",
     "test": "vitest",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest run --coverage",

packages/web/scripts/build.web.mjs

@@ -0,0 +1,37 @@
+import { build } from 'vite'
+import { promises as fs } from 'fs'
+
+const main = async () => {
+  const api = process.env.VITE_APP_NETEASE_API_URL || ''
+  const rewriteApi = process.env.NETEASE_API_URL_FOR_REWRITE || ''
+
+  /**
+   * 使用 Vercel 的 rewrite 功能来帮我们解决跨域的问题
+   * @see https://vercel.com/docs/project-configuration#project-configuration/rewrites
+   */
+  if (process.env.VERCEL && api === '/netease') {
+    console.log(`VITE_APP_NETEASE_API_URL: ${api}`)
+    console.log(`NETEASE_API_URL_FOR_REWRITE: ${rewriteApi}`)
+
+    if (!rewriteApi.startsWith('http')) {
+      throw new Error('NETEASE_API_URL_FOR_REWRITE must start with http')
+    }
+
+    const vercelConfig = JSON.parse(await fs.readFile('./vercel.example.json'))
+    vercelConfig.rewrites[0].destination = `${rewriteApi}${
+      rewriteApi.endsWith('/') ? '' : '/'
+    }:match*`
+
+    console.log('vercel.json 👇')
+    console.log(vercelConfig)
+
+    await fs.writeFile(
+      '../../vercel.json',
+      JSON.stringify(vercelConfig, null, 2)
+    )
+  }
+
+  await build()
+}
+
+main()

packages/web/vercel.example.json

@@ -0,0 +1,8 @@
+{
+  "rewrites": [
+    {
+      "source": "/netease/:match*",
+      "destination": "https://your-netease-api.example.com/:match*"
+    }
+  ]
+}

packages/web/vite.config.ts

@@ -27,15 +27,15 @@ export default defineConfig({
   base: '/',
   build: {
     target: process.env.IS_ELECTRON ? 'esnext' : 'modules',
-    sourcemap: process.env.NODE_ENV === 'debug',
+    sourcemap: true,
     outDir: './dist',
     emptyOutDir: true,
     rollupOptions: {
       plugins: [
         visualizer({
-          filename: './bundle-stats-renderer.html',
+          filename: './bundle-stats.html',
           gzipSize: true,
-          projectRoot: 'src/renderer',
+          projectRoot: './',
           template: 'treemap',
         }),
       ],