在webpack配置文件中,加入了以下代码,但是并未生效,检查版本与语法,都填写正确
{
loader: 'less-loader',
options: {
lessOptions: {
javascriptEnabled: true,
modifyVars: {
'@primary-color': '#015BF8',
'@link-color': '#015BF8',
}
},
},
},
原因是在引入antd样式包时,是在.babelrc中设置antd的引入是css导致的,应该改成less。
修改.babelrc
"plugins": [
["import", { "libraryName": "antd", "libraryDirectory": "es", "style": 'css' }], // 处理antd样式]
把style的‘css’改成true,这样就能引用变量,主题能生效。