antd如何配置config-overrides.js文件-创新互联

antd如何配置config-overrides.js文件？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

下载antd 包

npm install antd

下载依赖包（定义组件按需求打包）

npm install react-app-rewired customize-cra babel-plugin-import

自定义less-loader,改变antd默认样式

npm install less less-loader

根目录定义加载按需打包的js配置模块: 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,//自动打包相关的样式 默认为 style:'css'
 }),
 // 使用less-loader对源码重的less的变量进行重新制定，设置antd自定义主题
 addLessLoader({
  javascriptEnabled: true,
  modifyVars:{'@primary-color':'#1DA57A'},
 })
);