1.安装less 和less-loader
注意:less-loader的版本需要兼容webpack的版本,否则会报错,建议版本地点,我选择的是5.0.0版本的less-loader
2.修改webpack.config.js文件,如果没有这个文件执行npm run eject
//找到getStyleLoaders,添加下面的代码
{
loader: require.resolve("less-loader"),
options: {
modifyVars: {
"primary-color": "#13CCA0",
'link-color': '#13CCA0',
'text-color': '#666666',
'error-color': '#db2a36',
'success-color': '#1b733e',
'waring-color': '#ffd00b',
'heading-color': '#272933'
},
javascriptEnabled: true,
},
},
颜色参考antd官网来进行修改哪些内容

3.把引入的样式改成less,在index.js中

网友评论