react 配置ant时遇见的一个Error: Multiple configuration files found. Please remove one: – package.json#babel – .babelrc 解决方案

这个问题是create react app 里面的package.json里面已经配置了

  "babel": {

    "presets": [

      "react-app"

    ]

  }

这样的配置，但是又在根目录下建立了一个babelrc的文件，所以导致重复，但是不可以直接删掉，不然报

 

编译失败

./src/index.js
SyntaxError: D:\Work\ReactPro\src\index.js: Unexpected token (9:16)

类似这样的错误，所以要把

  "presets": [

      "react-app"

    ]

配置放在babelrc里面，这个的意思是说

 

指定按照react-app的模式配置babel

，最终我的babel是这么配置的：

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

问题解决，这样的按需引入插件可以比全局引入减少1.2-1.5M左右的大小

 关于，babel的一些配置解释，可以参考这个文章：

http://www.fly63.com/article/detial/5675