捆绑ES6文件而不转移溢出

Question

我可能遗漏了一些显而易见的东西，但在发布之前我搜索了很多东西，老实说，没有找到解决方案让我感到震惊。我想将我的ES6文件打包到一个模块中，但是，由于用于测试的浏览器支持ES6，所以实际上不想传输任何内容。我不知道该怎么做。我正在使用webpack，并看到了一个建议，简单地省略了我的.babelrc文件中的预设和插件，但是我发现了一个错误:对象扩展行有一个意想不到的令牌(扩展操作符)。如何简单地遍历导入/导出路径来捆绑代码，但将其保留为ES6呢？非常感谢，提前！

Answer 1

使用巴贝尔预设-env

以及针对特定浏览器的目标转移溢出。如果该浏览器支持所有ES6功能，那么它就不会转移到ES5上。

例如。

你的.babelrc看起来就像

{
  "presets": [
    ["env", {
      "targets": {
        "chrome": 60
      }
    }]
  ]
}

您还可以针对多个浏览器，以便代码在任何地方都能工作。

{
  "presets": [
    ["env", {
      "targets": {
        "chrome": 60,
        "browsers": ["last 2 versions", "safari 7"]
      }
    }]
  ]
}

Answer 2

rollup.js是一个ES6模块绑定器。