使用 rsbuild

2024-10-15 12:06:24 +08:00
parent ecdee01e69
commit 4465806812
6 changed files with 1608 additions and 3729 deletions
--- a/index.html
+++ b/index.html
@@ -6,9 +6,6 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>徐越的自测猫</title>
    <link rel="stylesheet" href="/style.css" />
-    <script>
-      this.globalThis || (this.globalThis = window)
-    </script>
    <script
      async
      defer
@@ -17,6 +14,5 @@
  </head>
  <body>
    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -4,8 +4,8 @@
  "version": "1.1.0",
  "type": "module",
  "scripts": {
-    "start": "vite",
-    "build": "vue-tsc && vite build",
+    "start": "rsbuild dev",
+    "build": "rsbuild build",
    "fmt": "prettier --write src"
  },
  "dependencies": {
@@ -26,12 +26,12 @@
  },
  "devDependencies": {
    "@iconify/vue": "^4.1.2",
+    "@rsbuild/core": "^1.0.14",
+    "@rsbuild/plugin-vue": "^1.0.2",
    "@types/file-saver": "^2.0.7",
-    "@vitejs/plugin-legacy": "^5.4.2",
    "@vitejs/plugin-vue": "^5.1.4",
    "prettier": "^3.3.3",
    "prettier-plugin-organize-imports": "^4.1.0",
-    "terser": "^5.34.1",
    "typescript": "^5.6.3",
    "vite": "^5.4.9",
    "vue-tsc": "^2.1.6"
--- a/rsbuild.config.ts
+++ b/rsbuild.config.ts
@@ -0,0 +1,23 @@
+import { defineConfig } from "@rsbuild/core"
+import { pluginVue } from "@rsbuild/plugin-vue"
+
+export default defineConfig({
+  plugins: [pluginVue()],
+  html: {
+    template: "./index.html",
+  },
+  source: {
+    entry: {
+      index: "./src/main.ts",
+    },
+  },
+  performance: {
+    chunkSplit: {
+      strategy: "split-by-experience",
+      forceSplitting: {
+        "lib-ui": /node_modules[\\/]naive-ui/,
+        "lib-cm": /node_modules[\\/]@codemirror/,
+      },
+    },
+  },
+})
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@@ -4,6 +4,5 @@
    "module": "ESNext",
    "moduleResolution": "Node",
    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
+  }
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,22 +0,0 @@
-import { defineConfig } from "vite"
-import vue from "@vitejs/plugin-vue"
-import legacy from "@vitejs/plugin-legacy"
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          file: ["file-saver", "client-zip"],
-          editor: [
-            "vue-codemirror",
-            "codemirror",
-            "@codemirror/lang-cpp",
-            "@codemirror/lang-python",
-          ],
-        },
-      },
-    },
-  },
-  plugins: [vue(), legacy({ targets: ["chrome 66", "not IE 11"] })],
-})