简单的Babel编译es6模块加载

Question

我正在寻找由babel编译的导入/导出es6模块的简单模块加载。

• 从包含导入/导出模块的es6源文件开始，以便在浏览器中使用
• 使用babel将此静态转换为es5，配置指定最简单的模块转换（amd，commonjs，systemjs）。
• 不要将npm用于模块，也不要使用任何其他复杂的工作流程。只是巴贝尔编译了文件。
• 使用Param ( [parameter(Mandatory=$true)] [ValidateSet("Low", "Average", "High")] [String[]] $Detail ) 加载带有模块的es5文件，以加载用于加载es6模块的babel转换库。

我想避免使用browserify，webpack，jspm等。只需简单地编译es6-＆gt; es5并使用库babel编译模块即可。我不需要捆绑。我们在这里谈论简单，基本的JavaScript。

这可能吗？如果是这样，怎么样？！

我见过的所有模块加载讨论都使用了我认为不必要的复杂工作流程。我想在一组文件中使用es6导入/导出，并在浏览器中尽可能简单地使用它们。

Answer 1

Guy Bedford在SystemJS Google Group中回答了这个问题： https://groups.google.com/forum/?hl=en#!topic/systemjs/a7vB2YmdXp8

以下是我向我的团队发表的一则演讲，细节在最后： http://backspaces.net/temp/Modules.pdf

简短的版本是：配置babel有babel-plugin-transform-es2015-modules-systemjs，只需要通过这种转换就可以运行你的模块，除非你需要更多的es6功能（Chrome已完成91％），以及你的HTML包括：

<script src="system.js"></script>
and
<script>
  System.import('lib/main'); 
</script>

没有webpack，npm / browserify，jspm，捆绑，......或任何其他（太多）模块工作流程。

Answer 2

您似乎可以使用babel-cli来做您想做的事情。也许像babel src --out-dir lib。