chore: use vite replace rspack

DrugsZ · Jul 19, 2024 · 4511a38 · 4511a38
1 parent 0a5b64e
commit 4511a38
Show file tree

Hide file tree

Showing 33 changed files with 790 additions and 1,454 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -1,3 +1,3 @@
-commitlint.config.js
-prettier.config.js
-rspack.*.js
+commitlint.config.cjs
+prettier.config.cjs
+vite.*.js
diff --git a/commitlint.config.js → commitlint.config.cjs b/commitlint.config.js → commitlint.config.cjs
diff --git a/index.html b/index.html
@@ -19,6 +19,7 @@
 
 <body>
   <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
 </body>
 
 </html>
diff --git a/package.json b/package.json
@@ -3,10 +3,11 @@
   "version": "0.0.1",
   "description": "canvas image text editor",
   "main": "index.js",
+  "type": "module",
   "scripts": {
-    "start": "rspack serve -c ./rspack.dev.js",
+    "start": "vite",
     "test": "jest",
-    "build": "npx rspack build -c ./rspack.prod.js",
+    "build": "vite build",
     "lint": "eslint src/",
     "prepare": "husky install"
   },
@@ -28,13 +29,15 @@
   "devDependencies": {
     "@commitlint/cli": "^17.4.1",
     "@commitlint/config-conventional": "^17.4.0",
-    "@rspack/cli": "^0.7.5",
     "@soda/friendly-errors-webpack-plugin": "^1.8.1",
     "@svgr/webpack": "^8.1.0",
     "@types/jest": "^29.5.12",
     "@types/react": "^18.3.2",
     "@typescript-eslint/eslint-plugin": "^5.13.0",
     "@typescript-eslint/parser": "^5.0.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "browserslist": "^4.23.2",
+    "browserslist-to-esbuild": "^2.1.1",
     "css-loader": "^6.8.1",
     "eslint": "^8.31.0",
     "eslint-config-airbnb-base": "^15.0.0",
@@ -46,8 +49,9 @@
     "jest": "^29.7.0",
     "lint-staged": "^14.0.1",
     "prettier": "2.8.2",
-    "style-loader": "^3.3.3",
     "typescript": "^4.9.4",
+    "vite": "^5.3.4",
+    "vite-plugin-svgr": "^4.2.0",
     "webpack-merge": "^5.9.0",
     "webpackbar": "^5.0.2"
   },
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,6 +19,7 @@ @@
     <body>
       <div id="root"></div>
+      <script type="module" src="/src/main.tsx"></script>
     </body>
     </html>