refactor(config): update vue-cli4-config

Author: echo630

README.md

@@ -6,6 +6,8 @@ if (IS_PROD) {
 }
 
 module.exports = {
-  presets: [["@vue/app", { useBuiltIns: "entry" }]],
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
   plugins
-};
+};

_config.yml

@@ -1 +1 @@
-module.exports={extends: ['@commitlint/config-conventional', 'cz']}
+module.exports = { extends: ['@commitlint/config-conventional', 'cz'] }

babel.config.js

@@ -0,0 +1,3 @@
+{
+  "logo.png": true
+}

commitlint.config.js

@@ -1,67 +1,50 @@
 {
-  "name": "vue-cli-config",
+  "name": "vue-cli4-config",
   "version": "0.1.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "analyz": "vue-cli-service build --mode analyz",
-    "lint": "vue-cli-service lint",
-    "test:e2e": "vue-cli-service test:e2e",
-    "test:unit": "vue-cli-service test:unit",
+    "crm": "vue-cli-service build --mode crm",
     "commit": "git-cz",
     "commit:retry": "git-cz --retry",
     "commit:noverify": "git-cz --no-verify",
+    "precommit": "npm run build && lint-staged",
     "release": "standard-version",
     "push": "git push --follow-tags origin master"
   },
   "dependencies": {
-    "@babel/polyfill": "^7.4.4",
     "axios": "^0.19.0",
-    "core-js": "^2.6.5",
-    "moment": "^2.24.0",
-    "register-service-worker": "^1.6.2",
+    "core-js": "^3.3.2",
     "vue": "^2.6.10",
-    "vue-router": "^3.0.3",
+    "vue-router": "^3.1.3",
     "vuex": "^3.0.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^8.1.0",
-    "@commitlint/config-conventional": "^8.1.0",
-    "@fullhuman/postcss-purgecss": "^1.2.0",
-    "@vue/cli-plugin-babel": "^3.9.0",
-    "@vue/cli-plugin-e2e-nightwatch": "^3.9.0",
-    "@vue/cli-plugin-eslint": "^3.9.0",
-    "@vue/cli-plugin-pwa": "^3.9.0",
-    "@vue/cli-plugin-unit-jest": "^3.9.0",
-    "@vue/cli-service": "^3.9.0",
-    "@vue/eslint-config-prettier": "^4.0.1",
-    "@vue/test-utils": "1.0.0-beta.29",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
-    "babel-jest": "^23.6.0",
+    "@commitlint/cli": "^8.2.0",
+    "@commitlint/config-conventional": "^8.2.0",
+    "@fullhuman/postcss-purgecss": "^1.3.0",
+    "@vue/cli-plugin-babel": "^4.0.0",
+    "@vue/cli-plugin-router": "^4.0.0",
+    "@vue/cli-plugin-vuex": "^4.0.0",
+    "@vue/cli-service": "^4.0.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "commitizen": "^4.0.3",
     "commitlint-config-cz": "^0.12.1",
-    "compression-webpack-plugin": "^3.0.0",
-    "conventional-changelog": "^3.1.10",
-    "conventional-changelog-cli": "^2.0.23",
+    "conventional-changelog": "^3.1.14",
+    "conventional-changelog-cli": "^2.0.27",
     "cz-customizable": "^6.2.0",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
     "glob-all": "^3.1.0",
-    "husky": "^3.0.2",
-    "image-webpack-loader": "^5.0.0",
-    "lint-staged": "^9.2.1",
-    "node-sass": "^4.9.0",
+    "husky": "^3.0.9",
+    "lint-staged": "^9.4.3",
+    "node-sass": "^4.12.0",
     "postcss-import": "^12.0.1",
-    "purgecss-webpack-plugin": "^1.5.0",
-    "sass-loader": "^7.1.0",
+    "purgecss-webpack-plugin": "^1.6.0",
+    "sass-loader": "^8.0.0",
     "standard-version": "^7.0.0",
-    "uglifyjs-webpack-plugin": "^2.1.3",
+    "svg-sprite-loader": "^4.1.6",
     "vue-template-compiler": "^2.6.10",
-    "webpack-oss": "^2.1.5",
-    "webpack-spritesmith": "^1.0.1"
+    "webpack-spritesmith": "^1.0.2"
   },
   "husky": {
     "hooks": {
@@ -81,4 +64,4 @@
       "config": "./.cz-config.js"
     }
   }
-}
+}

icons.json

@@ -1,39 +1,5 @@
-const autoprefixer = require("autoprefixer");
-// const postcssImport = require("postcss-import");
-// const purgecss = require("@fullhuman/postcss-purgecss");
-const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);
-let plugins = [];
-if (IS_PROD) {
-  // 去除多余css
-  // plugins.push(postcssImport);
-  // plugins.push(
-  //   purgecss({
-  //     content: [
-  //       "./layouts/**/*.vue",
-  //       "./components/**/*.vue",
-  //       "./pages/**/*.vue"
-  //     ],
-  //     extractors: [
-  //       {
-  //         extractor: class Extractor {
-  //           static extract(content) {
-  //             const validSection = content.replace(
-  //               /<style([\s\S]*?)<\/style>+/gim,
-  //               ""
-  //             );
-  //             return validSection.match(/[A-Za-z0-9-_:/]+/g) || [];
-  //           }
-  //         },
-  //         extensions: ["html", "vue"]
-  //       }
-  //     ],
-  //     whitelist: ["html", "body"],
-  //     whitelistPatterns: [/el-.*/],
-  //     whitelistPatternsChildren: [/^token/, /^pre/, /^code/]
-  //   })
-  // );
-}
-
 module.exports = {
-  plugins: [...plugins, autoprefixer]
-};
+  plugins: {
+    autoprefixer: {}
+  }
+}