React按需打包antd样式

先引入三个插件

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

在根目录下新建一个config-overrides.js,写入一下代码

const {override,fixBabelImports,addLessLoader} = require('customize-cra') module.exports=override( fixBabelImports('import',{ libraryName:'antd', libraryDirectory:'es', style:'css' }) )

并将配置文件packge.json中的scripts改为

"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject" }

这样就不需要引入css文件进行按需打包