共计 445 个字符，预计需要花费 2 分钟才能阅读完成。
今天利用 webpack-theme-color-replacer 插件，为 ant-design 实现了在运行时动态切换主题色的功能，无需在页面进行 less 的编译，提升了切换速度。有需要的同学可以参考下。
源码：https://github.com/hzsrc/ant-…
效果预览：https://deploy-preview-4289–…
在右侧中央的配置按钮点开可以切换主题色。
实现方案：
方案是统一的，见之前的文章：https://segmentfault.com/a/11…
基本步骤：
基于 ant-design-pro 这个项目上进行修改：
1、webpack 加入插件配置：查看修改：
https://github.com/hzsrc/ant-…
2、运行时动态切换主题色，查看修改：
https://github.com/hzsrc/ant-…
（因笔者时间有限，color.less文件中的 colorPalette 变换函数所涉及的颜色值没有纳入）
实现效果：
初始主题色：
切换后主题色：
正文完
