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

2019-05-25
阅读 1 分钟
14.6k
今天利用webpack-theme-color-replacer插件,为ant-design实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。有需要的同学可以参考下。 源码 效果预览。在右侧中央的配置按钮点开可以切换主题色。 实现方案: 方案是统一的,见之前的文章。 基本步骤: 基于 ant-design-pro 这个项目上进...

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

2019-05-25
阅读 1 分钟
18.7k
今天利用webpack-theme-color-replacer插件,为ant-design-vue实现了在运行时动态切换主题色的功能,无需在页面进行less的编译,提升了切换速度。有需要的同学可以参考下。 源码:[链接] 效果预览:[链接]在右侧中央的配置按钮点开可以切换主题色。 实现方案: 方案是统一的,见之前的文章:[链接] 基本步骤: 基于 ant-...

webpack插件实现自动抽取css中的主题色样式,并一键动态切换主题色(element-ui)

2018-08-18
阅读 2 分钟
34.5k
大家项目中经常会有切换UI主题色的需要。比较常用的做法,是将UI库相关css全部下载,替换其中的颜色,再应用到页面。这样做有几个问题:1、需要下载整个UI库的样式css。文件较大,下载慢且影响性能。2、只能替换UI库本身的颜色样式,项目中自己写的颜色样式替换不掉。3、全部的UI样式都重新覆盖,渲染较慢,且容易导致覆...