高性能方案实现ant-design-vue在运行时动态改变主题色（利用webpack-theme-color-replacer）

今天利用webpack-theme-color-replacer插件，为ant-design-vue实现了在运行时动态切换主题色的功能，无需在页面进行less的编译，提高了切换速度。有须要的同窗能够参考下。

源码：https://github.com/hzsrc/ant-...

效果预览：http://test.hz300.com/ant-des...
在右侧中央的配置按钮点开能够切换主题色。

实现方案：

方案是统一的，见以前的文章：https://segmentfault.com/a/11...

基本步骤：

基于 ant-design-pro-vue 这个项目上进行修改：

一、webpack加入插件配置：查看修改：
https://github.com/hzsrc/ant-...

二、运行时动态切换主题色，查看修改：
https://github.com/hzsrc/ant-...

实现效果：

初始主题色：

切换后主题色：