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文件,不过我配置失败了,暂时还没找出原因。暂时先这样吧。