配置babel-plugin-import不生效

babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式

今天在使用antd-mobile时，按照文档说明想引入babel-plugin-import发现怎么都不生效。在此记录解决方法。
首先是安装方法

cnpm install babel-plugin-import --save-dev

1.运行

npm run eject 
//暴露react的配置，不然很多配置不显示出来，包括现在需要使用到的babel配置

2.打开package.json 文件，找到

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

3.添加antd-mobile 相关babel-plugin-import的配置

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins":
    [
      [
        "import",
        {
          "libraryName": "antd-mobile",//注意此处为当前要按需引入的库名
          "libraryDirectory": "es",
          "style": "css"
        }
      ]
    ]
}

3.注意注意：确保没有.babelrc文件，重启项目，配置终于成功生效