今天利用webpack-theme-color-replacer插件,为ant-design实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。有需要的同学可以参考下。
效果预览。在右侧中央的配置按钮点开可以切换主题色。
实现方案:
方案是统一的,见之前的文章。
基本步骤:
基于 ant-design-pro 这个项目上进行修改:
1、webpack加入插件配置:查看修改
2、运行时动态切换主题色,查看修改
今天利用webpack-theme-color-replacer插件,为ant-design实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。有需要的同学可以参考下。
效果预览。在右侧中央的配置按钮点开可以切换主题色。
方案是统一的,见之前的文章。
基于 ant-design-pro 这个项目上进行修改:
1、webpack加入插件配置:查看修改
2、运行时动态切换主题色,查看修改
okfine阅读 71
南玖赞 1阅读 2.4k
specialcoder赞 2阅读 2k
RobinTang阅读 3.4k
灰太狼的情与殇阅读 1.8k
注销阅读 1.7k
注销阅读 1.4k
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。