antd按需加載

我目前使用的antd版本是2.13。如今最新的是3.0.1。 
腳手架工具就是create-react-app。建立完成項目後，需添加配置，執行yarn eject 也就是打開配置的文檔。 
而後安裝第三方依賴yarn add babel-plugin-import --save-dev 
找到config文件夾。裏面有2個配置文檔， 
webpack.config.dev.js和webpack.config.prod.js 
添加配置時必定要保持文檔的一致性。我就是犯了錯誤，值配置了開發的沒有配置正式文檔致使錯誤。 
首先打開webpack.config.dev.js 
在147行添加這段代碼

plugins: [
                       ['import', [{ libraryName: "antd", style: 'css' }]], ],

一樣的配置在webpack.config.prod.js裏面也須要添加。 

這樣就真正實現了按需加載，就不會再報黃色的警告。

還有第二種簡單的方式，就是在package.json裏面直接添加這行代碼。固然前提也是須要先安裝依賴：yarn add babel-plugin-import --save-dev

"babel": {
    "presets": [
      "react-app"
    ],

    "plugins": [
        ["import", [{ "libraryName": "antd", "style": "css" }]],
    ],

  },