在create-react-app腳手架上實現Ant Design按需加載

在看antd使用的時候官方提到了強烈推薦使用按需加載，按需加載能夠在引用組件的時候引入組件對應的樣式，而咱們一般只會用到一個UI組件庫中的極少一部分

首先安裝babel-plugin-import
npm i babel-plugin-import -S

而後在.babelrc中添加以下代碼

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { libraryName: "antd-mobile", style: "css" }] // `style: true` 會加載 less 文件
  ]
}

但若是是用的create-react-app腳手架的話，初始的根目錄裏並無.babelrc文件，那就本身新建一個，不過若是在windows系統下，在目錄下右鍵新建命名爲.babelrc時會報錯，說必須輸入文件名，很坑，那沒辦法，就在編輯器裏新建吧

babelrc配置完以後，把項目跑起來發現並不起做用，組件樣式並無加上，？？？

這裏其實錯的不是咱們，也不是antd，而是這個腳手架，他默認是不使用.babelrc的，能夠在node_module/react-scripts/config/webpack.config.dev.js中看到：

只要把false改爲true再從新npm start一下就行了

後面用的antd組件的地方直接引用就好了，不用再去引樣式

import { Button } from 'antd-moblie'