鍍金池/ 問答/HTML/ vue-cli中 設(shè)置elememt ui 按需加載 遇到多個"plu

vue-cli中 設(shè)置elememt ui 按需加載 遇到多個"plugins"問題,怎么合并.babelrc文件？

vue-cli中 設(shè)置elememt ui 按需加載 遇到多個"plugins"問題,怎么合并.babelrc文件？

項(xiàng)目是基本vue-cli開發(fā)的，目前項(xiàng)目運(yùn)行的.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"]
    }
  }
}

根據(jù)element ui 官方文檔，element ui 按需加載需將.babelrc文件設(shè)置如下：

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

怎么將兩個文件合并成為一個可.babelrc文件。新人請教！萬分感謝！

回答
編輯回答
獨(dú)白

并不需要吧 只要把babel的modules轉(zhuǎn)換關(guān)閉了就可以按需加載了
原理是webpack transpile的時候如果先使用了babel的transpile就會把模塊全部require進(jìn)來，而webpack的是可以轉(zhuǎn)義的時候直接import某一個具體的組件的

2018年4月30日 09:33
編輯回答
懶豬
{
  "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"]
    }
  }
}
2017年7月10日 14:29