无需转译即可捆绑 ES6 文件

Question

我可能遗漏了一些明显的东西，但在发布之前我搜索了很多，老实说，我很震惊没有找到解决方案。 我想将我的 ES6 文件捆绑到一个模块中，但是，由于我用于测试的浏览器支持 ES6，因此实际上不想转译任何内容。 我不知道该怎么做。 我正在使用 webpack 并看到一个建议，可以简单地省略我的 .babelrc 文件中的预设和插件，但我收到一条错误消息，指出对象展开行具有意外标记（展开运算符）。 如何简单地遍历导入/导出路径以捆绑代码但将其保留为 ES6？ 非常感谢提前！

Answer 1

使用babel-preset-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 模块打包器。