.babelrc和babel.config.js的相同配置不能合並

項目內部已經有了babel的配置文件babel.config.js

module.exports = {
  presets: ["@vue/app"],
};

然后由於要按需引入element-ui，就使用了babel-plugin-component，並且配置了.babelrc文件，如下（當然其中涉及到babel7，大家要安裝@babel/preset-env,舊的babel-perset-es2015在babel7已經不支持了）

{
  "presets": [["@babel/preset-env", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

然后發現頁面中element-ui的按需引入沒有生效，這就奇怪了，后來找了很多問題，發現原來是配置無法合並的問題，導致.babelrc文件的配置根本就沒有生效。於是把配置放到了同一個文件就好了，

記得刪除另外一份文件（babel.config.js）只保留一個配置文件(.babelrc)。

{
  "presets": ["@vue/app", ["@babel/preset-env", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

這樣就沒問題了