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