項(xiàng)目中遇到了一個(gè)需求 汹押，但是
Antd框架沒(méi)有相關(guān)的Api领虹，就是在線切換后臺(tái)主題配色。當(dāng)然網(wǎng)上有成熟的解決方案料睛，就是利用webpack-theme-color-replacer插件動(dòng)態(tài)生成樣式文件然后用js控制css的路徑粒没，該方法太過(guò)繁瑣...
優(yōu)雅的方案
npm i dynamic-antd-theme -S
然后在你的公共組件部分 比如Layout 組件安裝它
import DynamicAntdTheme from 'dynamic-antd-theme';
然后
<DynamicAntdTheme />
就結(jié)束啦 是不是很簡(jiǎn)單
效果圖
image
更多的配置項(xiàng) 請(qǐng)查閱 dynamic-antd-theme 如果可以 請(qǐng)點(diǎn)亮您的Start支持作者傲宜。
