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