- 初始化项目
create-react-app 项目名称
- 进入到项目中,添加其他依赖
cd 项目名称
yarn add react-router-dom antd jquery
- 配置antd的按需导入以及主题
安装依赖
yarn add react-app-rewired customize-cra babel-plugin-import less less-loader
修改package.json
将package.json中的scripts里面的命令更换成"react-app-rewired"
创建config-overrides.js
const { override, fixBabelImports, addLessLoader } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: true,
}),
addLessLoader({
javascriptEnabled: true,
modifyVars: { '@primary-color': 'teal' },
}),
)