配置config-overrides.js

配置config-overrides.js

需要安装插件：cnpm i customize-cra react-app-rewired -S

//需要用低版本的 less-loader否则有可能会不支持
下载less依赖：cnpm i less@3.11.1 less-loader@5 -S

下载依赖path：cnpm i path -S

下载依赖babel-plugin-import：cnpm i babel-plugin-import -S

config-overrides.js配置代码：
const {
addWebpackAlias,
addLessLoader,
fixBabelImports,
override,
addDecoratorsLegacy
} = require(‘customize-cra’)
const path = require(‘path’)

module.exports = override(
// @ 修饰器
addDecoratorsLegacy(),
fixBabelImports(‘import’, {
libraryName: ‘antd’,
libraryDirectory: ‘es’,
// 支持 less sass stylus
style: true,
}),
// 支持 antd 主题定制
addLessLoader({
// 支持antd的按需加载
javascriptEnabled: true,
}),
// 别名
addWebpackAlias({
‘@’: path.resolve(__dirname, ‘src’),
‘@@’: path.resolve(__dirname, ‘src/components’),
})
)

修改package.json中scripts配置：
“scripts”: {
“start”: “react-app-rewired start --open”,
“build”: “react-app-rewired build”,
“test”: “react-app-rewired test”,
“eject”: “react-app-rewired eject”
},