react 组件化 1，学习笔记

我们在使用antd 的时候，想让他自动引入，用到啥引入啥

步骤：

 npm install antd --save

配置按需加载 安装react-app-rewired取代react-scripts，可扩展webpack的配置 ，类似vue.config.js npm install react-app-rewired customize-cra babel-plugin-import -D

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

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

和package.json 同级

//修改package.json "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app-rewired eject" }

使用的时候：

import {Button} from 'antd'