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

这个问题是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的一些配置解释，可以参考这个文章：

巴特西