vue-cli升级到4.0

README.md

@@ -2,7 +2,7 @@
 
 [trojan管理程序](https://github.com/Jrohy/trojan)前端页面  
 
-基于vue-cli3.0进行搭建, 并使用了vue全家桶vue vuex axios vue-router和elementui
+基于vue-cli4.0进行搭建, 并使用了vue全家桶vue vuex axios vue-router和elementui
 
 ### 项目启动步骤
 1. 安装包  

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-    presets: ['@vue/app']
+    presets: ['@vue/cli-plugin-babel/preset']
 }

package.json

@@ -7,22 +7,23 @@
     "serve": "vue-cli-service serve",
     "serve:dev": "cross-env API_TYPE=dev vue-cli-service serve",
     "build": "vue-cli-service build",
-    "analyze": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
     "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint",
+    "analyze": "vue-cli-service build",
     "dll": "webpack -p --progress --config ./webpack.dll.conf.js"
   },
   "dependencies": {
+    "core-js": "^3.6.4",
     "crypto-js": "^3.2.1",
     "nprogress": "^0.2.0",
     "qrcodejs2": "0.0.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.12.1",
-    "@vue/cli-plugin-eslint": "^3.12.1",
-    "@vue/cli-plugin-unit-jest": "^3.12.1",
-    "@vue/cli-service": "^3.12.1",
-    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/cli-plugin-babel": "~4.3.1",
+    "@vue/cli-plugin-eslint": "~4.3.1",
+    "@vue/cli-plugin-unit-jest": "~4.3.1",
+    "@vue/cli-service": "~4.3.1",
+    "@vue/eslint-config-standard": "^5.1.2",
     "@vue/test-utils": "1.0.0-beta.29",
     "add-asset-html-webpack-plugin": "^3.1.3",
     "babel-core": "7.0.0-bridge.0",
@@ -31,10 +32,14 @@
     "clean-webpack-plugin": "^1.0.1",
     "compression-webpack-plugin": "^3.1.0",
     "cross-env": "^5.2.1",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "sass": "^1.26.3",
-    "sass-loader": "^7.3.1",
+    "eslint": "^6.7.2",
+    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "sass": "^1.26.5",
+    "sass-loader": "^8.0.2",
     "svg-sprite-loader": "^3.9.2",
     "vue-template-compiler": "^2.6.11",
     "webpack-bundle-analyzer": "^3.7.0",

public/index.html

@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.1/lib/theme-chalk/index.css">
     <script src="https://unpkg.com/vue@2.6.11/dist/vue.min.js"></script>
     <script src="https://unpkg.com/vue-router@3.1.6/dist/vue-router.min.js"></script>
-    <script src="https://unpkg.com/vuex@3.2.0/dist/vuex.min.js"></script>
+    <script src="https://unpkg.com/vuex@3.3.0/dist/vuex.min.js"></script>
     <script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script>
     <script src="https://unpkg.com/element-ui@2.13.1/lib/index.js"></script>
   </head>

vue.config.js

@@ -79,22 +79,22 @@ module.exports = {
             .end()
     },
     // CSS 相关选项
-    css: {
-        // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
-        // 也可以是一个传递给 `extract-text-webpack-plugin` 的选项对象
-        extract: true,
-
-        // 是否开启 CSS source map？
-        sourceMap: true,
-
-        // 为预处理器的 loader 传递自定义选项。比如传递给
-        // sass-loader 时，使用 `{ sass: { ... } }`。
-        loaderOptions: {},
-
-        // 为所有的 CSS 及其预处理文件开启 CSS Modules。
-        // 这个选项不会影响 `*.vue` 文件。
-        modules: false
-    },
+    // css: {
+    //     // 将组件内的 CSS 提取到一个单独的 CSS 文件 (只用在生产环境中)
+    //     // 也可以是一个传递给 `extract-text-webpack-plugin` 的选项对象
+    //     extract: true,
+
+    //     // 是否开启 CSS source map？
+    //     sourceMap: true,
+
+    //     // 为预处理器的 loader 传递自定义选项。比如传递给
+    //     // sass-loader 时，使用 `{ sass: { ... } }`。
+    //     loaderOptions: {},
+
+    //     // 为所有的 CSS 及其预处理文件开启 CSS Modules。
+    //     // 这个选项不会影响 `*.vue` 文件。
+    //     modules: false
+    // },
 
     // 在生产环境下为 Babel 和 TypeScript 使用 `thread-loader`
     // 在多核机器下会默认开启。