javascript - 无需转译即可打包 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"]
      }
    }]
  ]
}