react 脚手架搭建项目引入antd 并且引用babel-plugin-import实现按需加载

  1.引入antd 命令

      yarn add   antd

2. 为了提升性能，安装babel-plugin-import，实现按需加载的功能，即项目中用到什么样的组件，就引入对应的css

      yarn add babel-plugin-import

    并且在package.json 里面的代码里面加上对应的配置 在babel里面加上plugins的这一段代码就可以省去则不需要再引入这句代码，配置文件将自动引用相关antd的样式，从less文件转成css样式，作为行内样式插入元素中。

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