以前:安装babel-plugin-import后只需要按照antd文档中的方式在.babelrc中配置即可。
现在:就算配置了.babelrc也不会按需引入,而且最重要的还不报错。
解决方法:
1、运行 npm run eject (暴露react的配置,不然很多配置不会显示出来,包括我们现在需要的babel配置)
2、打开package.json文件,找到
"babel": {
"presets": [
"react-app"
]
添加antd文档中对于babel-plugin-import的配置,修改为:
"babel": {
"presets": [
"react-app"
],
"plugins":
[
[
"import",
{
"libraryName": "antd",
"libraryDirectory": "es",
"style": "css"
}
]
]
3、确保src下没有.babelrc文件,重启项目,一切很OK;