vue-cli中 设置elememt ui 按需加载 遇到多个"plugins"问题,怎么合并.babelrc文件？

Question

vue-cli中 设置elememt ui 按需加载 遇到多个"plugins"问题,怎么合并.babelrc文件？

项目是基本vue-cli开发的，目前项目运行的.babelrc文件如下：

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

根据element ui 官方文档，element ui 按需加载需将.babelrc文件设置如下：

{
  "presets": [
    ["es2015", { "modules": false }]
  ],
  "plugins": [["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]]]
}

怎么将两个文件合并成为一个可.babelrc文件。新人请教！万分感谢！

Answer 1

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime",["component", [
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]]],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

Answer 2

并不需要吧 只要把babel的modules转换关闭了就可以按需加载了
原理是webpack transpile的时候如果先使用了babel的transpile就会把模块全部require进来，而webpack的是可以转义的时候直接import某一个具体的组件的