4

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

源码

效果预览。在右侧中央的配置按钮点开可以切换主题色。

实现方案:

方案是统一的,见之前的文章

基本步骤:

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

1、webpack加入插件配置:查看修改

2、运行时动态切换主题色,查看修改

实现效果:

初始主题色:

clipboard.png

切换后主题色:

clipboard.png


如果觉得我的文章对你有用,请随意赞赏

你可能感兴趣的

我的 · 7月13日

大神,请问普通webpack和antd-design搭的网页用这个webpack-theme-color-replacer 需配置哪些文件?

回复

okfine 作者 · 7月13日

请参考github的antd-design-pro项目

回复

载入中...