1 官网
自定义antd主题:https://ant.design/docs/react/customize-theme-cn
2 下载工具包
cnpm install less less-loader –save
//yarn add less less-loader
3 修改config-overrides.js文件
const {override,fixBabelImports,addLessLoader} = require('customize-cra');
module.exports = override(
//针对antd实现按需打包:根据import来打包(使用babel-plugin-import)
fixBabelImports('import',{
libraryName: 'antd',
libraryDirectory: 'es',
style: true //自动打包相关的样式
}),
//使用less-loader对源码中的less的变量进行重新指定,相当于该less文件
addLessLoader({
javascriptEnabled: true,
modifyVars: {'@primary-color': '#1DA57A'},
})
);