配置antd、less、@ 修饰器,简单使用
npm i antd@3.26.13 -S
npm i react-app-rewired customize-cra -D
npm i babel-plugin-import -D
npm i less less-loader -D
//修改package.json里react-scripts 换成 react-app-rewired
//创建config-overrides.js文件跟package.json同级
//放在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 styleus
style: true,
}),
//支持 antd 主题定制
addLessLoader({
javascriptEnabled: true,
}),
addWebpackAlias({
‘@’: path.resolve(__dirname, ‘src’)
})
)