React（九）create-react-app建立項目 + 按需加載Ant Design

（1）create-react-app如何建立項目我前面第一章介紹過了，這裏就不過多寫了，

（2）咱們主要來講說按需加載的問題

1. 引入antd

npm install antd --save　　

 

2. 引入react-app-rewired（一個對 create-react-app 進行自定義配置的社區解決方案）

npm install react-app-rewired --save

　　引入 react-app-rewired 並修改 package.json 裏的啓動配置

　　修改scripts:{}裏面的內容

　　　

　　

　　3. 引入babel-plugin-import　

npm install babel-plugin-import --save

　　而後在項目根目錄建立一個 config-overrides.js 用於修改默認配置。　

const { injectBabelPlugin } = require('react-app-rewired');

module.exports = function override(config, env) {
  config = injectBabelPlugin(
    ['import', { libraryName: 'antd', libraryDirectory: 'es', style: 'css' }],
    config,
  )
  return config;
};

　　

　　4. 而後在要用的模塊中引入，例如：import { Button } from 'antd';