项目迁移至rsbuild

buyfakett · Feb 18, 2025 · 7f6d11e · 7f6d11e
1 parent 237823e
commit 7f6d11e
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 12 deletions.
diff --git a/src/CHANGELOG.md → CHANGELOG.md b/src/CHANGELOG.md → CHANGELOG.md
@@ -1,3 +1,5 @@
+2025-02-18 项目迁移至`rsbuild`
+
 2025-01-25 增加更多项目界面
 
 2025-01-24 增加咖啡界面
@@ -16,9 +18,9 @@
 
 2025-01-10 重构获取数据从py改为js
 
-2025-01-06 封装BackTop组件，使得有进度条
+2025-01-06 封装`BackTop`组件，使得有进度条
 
-2025-01-06 增加prettier来格式化代码
+2025-01-06 增加`prettier`来格式化代码
 
 2024-12-24 增加提交数等显示
 

diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -7,7 +7,7 @@
   <meta name="description" content="about me • buyfakett">
   <meta name="time-zone" content="Asia/Shanghai">
   <title>About Me</title>
-</head>
+<script type="module" src="src/index"></script></head>
 <body>
   <div id="root"></div>
 </body>

diff --git a/package.json b/package.json
@@ -20,16 +20,14 @@
     "react-markdown": "^9.0.3",
     "react-router-dom": "^7.0.2",
     "tailwind-merge": "^2.5.5",
-    "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "rsbuild dev",
+    "dev": "rsbuild dev",
     "prebuild": "node src/scripts/fetchWakatimeData.js",
     "getgitinfo": "node src/scripts/generateBuildInfo.js",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "build": "rsbuild build"
   },
   "browserslist": {
     "production": [
@@ -62,12 +60,17 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@rsbuild/core": "^1.2.8",
+    "@rsbuild/plugin-mdx": "^1.0.2",
+    "@rsbuild/plugin-react": "^1.1.0",
+    "@tailwindcss/postcss": "^4.0.6",
+    "@types/node": "^22.13.4",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "prettier": "3.4.2",
     "raw-loader": "^4.0.2",
-    "react-scripts": "^5.0.1",
     "react-snap": "^1.23.0",
+    "tailwindcss": "^3.4.17",
     "typescript": "^4.9.5"
   }
 }
diff --git a/postcss.config.cjs b/postcss.config.cjs
@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+    },
+};
diff --git a/rsbuild.config.ts b/rsbuild.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
+import { pluginMdx } from "@rsbuild/plugin-mdx";
+
+export default defineConfig({
+    plugins: [
+        pluginReact(),
+        pluginMdx(),
+    ],
+    html: {
+        template: './index.html',
+    },
+    source: {
+        entry: {
+            index: './src/index.jsx',
+        },
+        // 编译所有 JS 文件并排除 core-js
+        include: [{ not: /[\\/]core-js[\\/]/ }],
+    },
+    output: {
+        distPath: {
+            root: 'build',
+        },
+    },
+});
diff --git a/src/index.js → src/index.jsx b/src/index.js → src/index.jsx
@@ -15,5 +15,5 @@ root.render(
                 <App />
             </ThemeProvider>
         </BrowserRouter>
-    </React.StrictMode>,
+    </React.StrictMode>
 );
diff --git a/src/util/ChangeLog.jsx b/src/util/ChangeLog.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import Markdown from 'react-markdown';
-import md from '!!raw-loader!../CHANGELOG.md';
+import changelog from '../../CHANGELOG.md';
 import { pageVariants } from '../config.js';
 import { Button } from '@douyinfe/semi-ui';
 import { motion } from 'framer-motion';
@@ -26,7 +26,7 @@ const ChangeLog = () => {
                     返回首页
                 </Button>
             </div>
-            <Markdown className="mt-10 text-xl leading-loose">{md}</Markdown>
+            <Markdown className="mt-10 text-xl leading-loose">{changelog}</Markdown> {/* 这里渲染Markdown */}
         </motion.div>
     );
 };