合并ES6模块

Question

新的ES6模块语法很不错，但浏览器还不支持。我想在开发过程中使用新的语法，然后将模块编译成一个可以在浏览器中运行的JS文件。我还没找到能做到这一点的程序。

我知道巴贝尔或类似的ES6-转发器可以把import/export转换成require()，还有。Browserify允许在浏览器中使用它，但我不希望在运行时加载多个JS文件。一个编译器可以将所有ES6模块转换成一个JS文件，就像我们如何从多个.c / .h文件创建一个二进制可执行文件一样。

Answer 1

我想你把这里的一些地方弄糊涂了。

• Babel.js是一个编译器，用于将使用JS引擎尚未支持的未来特性编写的JS代码转换为ES5+代码(取决于您在这里配置的preset )。
• 褐化 --它是一个绑定器，它将一堆JS文件/模块打包到一个(或多个) JS文件(S)中。

如果要用ES6+ Javascript编写自己的软件/应用程序并将其打包到单个ES5+ Javascript文件中，则需要设置编译器(如Babel.js )和绑定程序(如褐化、Webpack或卷起 )。构建链通常如下：

Your code --> Babel compiler --> Bundler --> Your code in ES5+

如果你在谷歌上搜索Babel Browserify boilerplate或Babel Webpack boilerplate，你很可能会发现一些预先做好的项目。