Migrate from Webpack to Vite

README.md

@@ -80,7 +80,12 @@ Installation with other ways: https://pnpm.io/installation
 
 3. Then install Bit on your computer (local): https://docs.bit.dev/docs/installation
 
-4. Check your Bit authentication token with the following command:
+4. Login to Bit on your terminal
+```
+bit login
+```
+
+5. Check your Bit authentication token with the following command:
 	```
 	bit config
 	```

campus/package.json

@@ -2,12 +2,13 @@
   "name": "@wasedatime/campus",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "start": "webpack serve --port 8081 --env isLocal",
-    "start:standalone": "webpack serve --env standalone",
+    "start": "vite --port 8081",
+    "build": "vite build",
+    "build-dev": "vite build --mode staging",
+    "preview": "vite preview --port 8081",
+    "preview-dev": "vite preview --mode staging --port 8081",
+    "tsc": "tsc",
     "local": "concurrently --kill-others \"pnpm start\" \"cd ../root && pnpm start\"",
-    "build": "webpack --mode=production",
-    "build-dev": "webpack --mode=production --env isDev",
-    "analyze": "webpack --mode=production --env analyze",
     "fix": "pnpm run format && pnpm run lint:fix",
     "lint": "eslint src --ext \"**/*.{js,ts,tsx}\"",
     "lint:fix": "eslint --fix \"**/*.{js,ts,tsx}\"",
@@ -27,8 +28,8 @@
     "autoprefixer": "10.4.2",
     "babel-plugin-styled-components": "2.0.6",
     "concurrently": "7.0.0",
-    "css-loader": "6.7.1",
     "cssnano": "5.1.0",
+    "dotenv": "^16.0.0",
     "eslint": "8.10.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.5.0",
@@ -39,29 +40,19 @@
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.29.4",
     "postcss": "8.4.8",
-    "postcss-loader": "5.3.0",
     "prettier": "2.5.1",
     "prettier-eslint": "13.0.0",
     "sass": "1.49.9",
-    "sass-loader": "12.6.0",
-    "style-loader": "3.3.1",
     "tailwindcss": "3.0.23",
     "ts-config-single-spa": "2.0.1",
-    "ts-loader": "9.2.8",
-    "typescript": "4.6.2",
-    "webpack": "5.70.0",
-    "webpack-cli": "4.9.2",
-    "webpack-config-single-spa-react-ts": "4.0.3",
-    "webpack-dev-server": "4.7.4",
-    "webpack-merge": "5.8.0"
+    "typescript": "4.6.2"
   },
   "dependencies": {
     "@aws-amplify/auth": "4.4.4",
-    "@bit/wasedatime.core.assets.img.logo": "0.0.1",
-    "@bit/wasedatime.core.theme.colors": "0.0.5",
+    "@bit/wasedatime.core.theme.colors": "0.0.4",
     "@bit/wasedatime.core.ts.constants.langs": "0.0.5",
-    "@bit/wasedatime.core.ts.ui.header": "0.2.17",
-    "@bit/wasedatime.core.ts.ui.loading-spinner": "0.1.2",
+    "@bit/wasedatime.core.ts.ui.header": "0.2.21",
+    "@bit/wasedatime.core.ts.ui.loading-spinner": "0.1.5",
     "@bit/wasedatime.core.ts.utils.i18n": "0.0.4",
     "@bit/wasedatime.core.ts.utils.responsive-utils": "0.0.1",
     "@fortawesome/free-solid-svg-icons": "6.0.0",
@@ -70,7 +61,7 @@
     "@types/react-dom": "17.0.13",
     "@types/styled-components": "5.1.24",
     "@types/systemjs": "6.1.1",
-    "@types/webpack-env": "1.16.3",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
     "bootstrap": "5.1.3",
     "i18next": "19.9.2",
     "react": "17.0.2",
@@ -80,8 +71,13 @@
     "react-ga": "3.3.0",
     "react-helmet": "6.1.0",
     "react-i18next": "11.15.6",
-    "react-router-dom": "^6.2.2",
+    "react-router-dom": "^6.3.0",
     "single-spa-react": "3.2.0",
-    "styled-components": "5.3.3"
+    "styled-components": "5.3.3",
+    "vite": "^2.9.5",
+    "vite-plugin-dynamic-import": "^0.7.1"
+  },
+  "resolutions": {
+    "esbuild": "0.14.34"
   }
 }