ES6模块级联

Question

我在JavaScript ES6中开发了一个web项目，目前我使用示踪剂将我的模块从ES6编译到ES5，认为将来浏览器支持ES6时，我可以跳过这个转移溢出步骤。

最后，由于我不想在启动时下载几个js片段，所以我有一个文件，其中包含了转换成ES5的所有模块，这要归功于Traceur。

但是为了验证这个选择，我想知道在我将源代码保存在ES6中的那一天，这是否仍然是可能的。如果我简单地将它们连接起来，就会出现无效的导入和名称冲突。

它看起来不是为它设计的，它需要额外的处理步骤才能正确地合并它们。

我们应该如何处理用几个模块定义的ES6单个文件项目？

Answer 1

这将通过捆绑来解决，如第3章中所描述的：http://www.2ality.com/2013/11/es6-modules-browsers.html。所以这是可能的，并验证了您的方法，虽然我无法在web上找到相应编译步骤的实现，但是当人们开始使用ES6模块时应该会出现这种情况。

Answer 2

在不久的将来，由于有了HTTP/2，就不再需要构建单个文件项目了。

请参阅：为什么包优化不再是HTTP/2中关注的问题

Answer 3

最好的解决方案可能是使用褐化将您的转置代码捆绑到一个文件中。然后，我会使用uglify或Google的闭包编译器来缩小文件，考虑到必须处理的所有导入/导出都会占用较小的开销。

另外，如果您愿意使用Babel而不是Traceur，那么就会有一个用于浏览的Babel插件来使事情变得非常简单。