首页 文章

简单的Babel编译es6模块加载

提问于
浏览 次
1

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

  • 从带有导入/导出模块的es6源文件开始，以便在浏览器中使用

  • 使用babel将此静态转换为es5，配置指定最简单的模块转换（amd，commonjs，systemjs） .

  • 不要将npm用于模块，也不要使用任何其他复杂的工作流程 . 只是babel转换文件 .

  • 使用模块加载这些es5文件，使用 <script> 加载用于加载es6模块的babel转换库 .

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

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

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

module ecmascript-6 babeljs es6-module-loader

2 回答

  • 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，捆绑，......或任何其他（太多）模块工作流程 .

    回复于
  • -1

    看起来你可以用babel-cli做你想做的事 . 也许像 babel src --out-dir lib .

    回复于

相关问题