react 使用第三方组件 antd 按需加载配置详情

1.安装antd 

npm install antd --save

2.配置按需加载

安装react-app-rewired取代react-scripts,可扩展webpack的配置 ,类似vue.config.js

npm install react-app-rewired customize-cra babel-plugin-import -D

3.根目录创建config-overrides.js

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

module.exports = override(
  fixBabelImports("import", {

    libraryName: "antd",
    libraryDirectory: "es",
    style: "css"

}) );

4.修改package.json

"scripts": {

    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"

},

5.使用组件

import {Button} from 'antd'