捆绑 ES6 文件而不进行转译

2024-03-27

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


Use babel-预设-env https://github.com/babel/babel-preset-env

并且,针对您的特定浏览器进行目标转译。如果该浏览器支持所有ES6功能,那么它不会被转译为ES5.

E.g.

Your .babelrc可能看起来像

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

您还可以针对多个浏览器,以便您的代码可以在任何地方运行。

{
  "presets": [
    ["env", {
      "targets": {
        "chrome": 60,
        "browsers": ["last 2 versions", "safari 7"]
      }
    }]
  ]
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

捆绑 ES6 文件而不进行转译 的相关文章