build(ui): migrated to pnpm and vite

ittimeline · Dec 3, 2022 · 1fd115c · 1fd115c
1 parent d245f33
commit 1fd115c
Show file tree

Hide file tree

Showing 8 changed files with 3,930 additions and 30 deletions.
diff --git a/frontend/public/index.html → frontend/index.html b/frontend/public/index.html → frontend/index.html
@@ -1,18 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <title><%= htmlWebpackPlugin.options.title %></title>
-  <link rel="icon" type="image/x-icon" href="<%= BASE_URL %>favicon.ico">
-  <link rel="stylesheet" href="font-awesome.min.css">
   <meta charset="utf-8">
   <meta content="IE=edge" http-equiv="X-UA-Compatible">
   <meta content="width=device-width,initial-scale=1.0" name="viewport">
-  <script>
-      window.VUE_APP_API_BASE_URL = '<%= VUE_APP_API_BASE_URL %>';
-      window.VUE_APP_INIT_UMENG = '<%= VUE_APP_INIT_UMENG %>';
-      window.VUE_APP_INIT_BAIDU_TONGJI = '<%= VUE_APP_INIT_BAIDU_TONGJI %>';
-  </script>
-  <script src="/js/vue3-sfc-loader.js"></script>
+  <link href="favicon.ico" rel="icon">
+  <link href="font-awesome.min.css" rel="stylesheet">
+  <title>Crawlab</title>
+  <script src="js/vue3-sfc-loader.js"></script>
+  <script src="js/login-canvas.js"></script>
+  <script src="simplemde/simplemde.js"></script>
   <style>
       #loading-placeholder {
           position: fixed;
@@ -216,6 +213,7 @@ <h3 class="title">
   </div>
 </div>
 <div id="app"></div>
+<script type="module" src="/src/main.ts"></script>
 <!-- built files will be auto injected -->
 </body>
 </html>
diff --git a/frontend/package.json b/frontend/package.json
@@ -2,9 +2,9 @@
   "name": "@crawlab/app",
   "version": "0.6.0",
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vite --debug",
     "serve:dist": "serve dist",
-    "build": "vue-cli-service build",
+    "build": "vite build",
     "build:development": "vue-cli-service build --mode development",
     "build:docker": "vue-cli-service build --mode docker",
     "build:analyze": "vue-cli-service build --mode analyze"
@@ -21,26 +21,22 @@
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/vue-fontawesome": "^3.0.0-5",
+    "@vitejs/plugin-vue": "^3.2.0",
     "atom-material-icons": "^3.0.0",
     "codemirror": "^5.59.1",
-    "crawlab-ui": "0.6.0-18",
+    "crawlab-ui": "0.6.0-23",
     "echarts": "^5.1.2",
     "element-plus": "^1.3.0-beta.10",
     "vue": "^3.2",
     "vue-router": "^4.0.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.2",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-typescript": "^7.16.7",
-    "@vue/cli-plugin-babel": "^4.5.15",
-    "@vue/cli-service": "^4.5.15",
-    "@vue/compiler-sfc": "^3.0.11",
-    "babel-loader": "^8.2.3",
-    "copy-webpack-plugin": "^6.0",
-    "raw-loader": "^4.0.2",
-    "serve": "^13.0.2",
-    "webpack-bundle-analyzer": "^4.5.0"
+    "@types/node": "^18.11.10",
+    "@vue/compiler-sfc": "^3.2.45",
+    "typescript": "^4.6.4",
+    "vite": "^3.2.4",
+    "vite-aliases": "^0.9.7",
+    "vite-plugin-dynamic-import": "^1.2.4",
+    "vue-tsc": "^1.0.9"
   }
 }
-