动态改变颜色

Former-commit-id: 1915e090833022dc051aa9cdc18547dbe38fa926 [formerly 1915e090833022dc051aa9cdc18547dbe38fa926 [formerly 1915e090833022dc051aa9cdc18547dbe38fa926 [formerly 1915e090833022dc051aa9cdc18547dbe38fa926 [formerly 27b9dffa48083e7d9838f32b8981c30abfc951f0 [formerly 06cbe3b2364c0a802527426b9fb2945c79521492]]]]]
Former-commit-id: 00c4123c1d7eb8c098d62f9d82c9fbe5286722bb
Former-commit-id: 8a034bad24ce45a2180974bec4bb98aa22136872
Former-commit-id: c208536ddbb4a1ee18d0b4c6985e02ec857bdf52 [formerly 1651b96ca9070d2cd743063fafb83dd06b31403e]
Former-commit-id: aec7f7119c7ac86d848dcb3226c4f018284a7470
Former-commit-id: ea29897c0709a4348a85161429003ba4405f59aa
Former-commit-id: 5161b39309ce5c69a4ba3ea37ad85b6bbbab258b
Former-commit-id: 0804b0bb33ea9e286fbde79c834e97952e86d63d
Former-commit-id: 487a27193d189c11d12a79d339a5c1800d157597

vue.config.js

@@ -1,6 +1,9 @@
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 const VueFilenameInjector = require('./tools/vue-filename-injector')
 
+const ThemeColorReplacer = require('webpack-theme-color-replacer')
+const forElementUI = require('webpack-theme-color-replacer/forElementUI')
+
 // 拼接路径
 const resolve = dir => require('path').join(__dirname, dir)
 
@@ -26,6 +29,17 @@ module.exports = {
       }
     }
   },
+  configureWebpack: {
+    plugins: [
+      new ThemeColorReplacer({
+        fileName: 'css/theme-colors.[contenthash:8].css',
+        matchColors: [
+          ...forElementUI.getElementUISeries(process.env.VUE_APP_ELEMENT_COLOR) // Element-ui主色系列
+        ],
+        changeSelector: forElementUI.changeSelector
+      })
+    ]
+  },
   // 默认设置: https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-service/lib/config/base.js
   chainWebpack: config => {
     /**