antd的按需导入

antd的按需导入

• 我是直接使用create-react-app创建的React项目app，创建React项目之后运行npm run eject
• 然后查看package.json文件里的末尾会多出了

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

• 然后运行npm i babel-plugin-import --save-dev下载babel-plugin-import
• 然后运行npm i antd --save下载antd
• 然后将下列代码添加到package.json的babel里边：

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

• 完成之后就是这样：

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      ["import", {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
      }]
    ]
  },

• 这样就是实现了antd的按需倒入