Antd • Pro 在线换肤优雅实现

项目中遇到了一个需求 ，但是Antd 框架没有相关的Api，就是在线切换后台主题配色。当然网上有成熟的解决方案，就是利用webpack-theme-color-replacer插件动态生成样式文件然后用js控制css的路径，该方法太过繁琐...

优雅的方案

npm i dynamic-antd-theme -S

然后在你的公共组件部分 比如Layout 组件安装它

import DynamicAntdTheme from 'dynamic-antd-theme';

然后

<DynamicAntdTheme />

就结束啦 是不是很简单

效果图

更多的配置项 请查阅 dynamic-antd-theme 如果可以 请点亮您的Start支持作者。