为什么要按需引入？
- 像下面这种将全部样式都引入，会造成内存消耗过大，因为我们引入了很多我们并不使用的样式
第一步：安装工具包
npm install react-app-rewired customize-cra
第二步：将项目文件中的package.json中的文件进行下面的修改
第三步：项目根目录创建一个 config-overrides.js 用于修改默认配置
const { override, fixBabelImports } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: 'css',
}),
);
第四步：安装babel-plugin-import
npm install babel-plugin-import
到这列，我们就可以将最开始的那个语句删掉了。
- 样式正常
