antd按需加载

antd的基本使用方法官网说的分厂清楚，此处就不再赘述，但是antd的按需加载官方使用的是它自己的一套方法。那么如果我们想要用

npm run eject

该怎么做呢？其实也非常简单。

首先确保你安装了 antd 和 babel-plugin-import

 

然后就执行npm run eject然后在根目录下新建一个 .babelrc，（注意前面有个点哦）这个文件是babel的配置文件，它会覆盖你在package.json里面babel的配置，所以在npm run eject之后不需要去改package.json里面的配置，直接在.babelrc文件里添加如下代码即可。

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

这里要注意除了添加plugins之外，presets也是要写的，之前说过，这个文件会覆盖package.json里面的配置，所以即使package.json里面写了，这里仍然要再写一遍。

应该是也可以直接对package.json进行修改，那样做的话就不要添加.babelrc文件，不过我配置失败了，暂时还没找出原因。暂时先这样吧。