今天在create-react-app脚手架中用antd组件库按文档设置改变主题色,安装了less-loader模块之后,配置相应文件后报错,如下图:
原因:less-loader版本过高
解决方案:1.yarn remove less-loader(移除原有包)
2.yarn add less-loader@6.0.0
3.修改配置文档 config-overrides.js
const { override, fixBabelImports, addLessLoader } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: true,
}),
addLessLoader({
lessOptions:{
modifyVars: { '@primary-color': '#1DA57A' },
javascriptEnabled: true,
}
}),
);