最近在研究antd一键切换主题的功能,但是官网定制主题的方案是通过less-loader的modifyVars修改配色,只能在编译时使用。
const { injectBabelPlugin } = require('react-app-rewired');
const rewireLess = require('react-app-rewire-less');
module.exports = function override(config, env) {
config = injectBabelPlugin(['import', { libraryName: 'antd', libraryDirectory: 'es', style: true }], config);
config = rewireLess.withLoaderOptions({
modifyVars: {
"@primary-color": "#1DA57A",
},
})(config, env);
return config;
};
但是我发现官网底部的color picker能够实现切换主色的功能
请问这个功能是怎么实现的?