React 使用ant-design 的样式框架，打包部署后，发现main.css 这个文件特别大，如何按需引入组件样式

如题：

废话不多说直接上代码：

1.  npm install babel-plugin-import customize-cra react-rewired --save


2. 在项目根目录新建 config-overrides.js 文件

const { override, fixBabelImports } = require('customize-cra');

    module.exports = override(

      fixBabelImports('import', {

            libraryName: 'antd',

            libraryDirectory: 'es',

            style: 'css',

      }),

    );   

3. 然后重启项目