javascript - 如何让 ES6/2015 导入/模块在浏览器中工作？

Question

我似乎无法让ES6/2015 导入工作。从这本Understanding ECMAScript 6 book中，我了解到我需要使用以下属性编写<script>标签：typemodules

<script type="module" src="module.js"></script>

然后我可以import在module.js. 但是，它不适用于最新的 Firefox (v48.0.1) 和 Chrome (v53.0.2785.89)。当我console.log在module.js.

如何在浏览器中使用 ES2015 的导入机制（本机，不使用 babel/webpack 之类的东西）？

更新：看起来微软的 Edge 浏览器支持模块，至少在实验模式下。为什么其他浏览器还不支持它，至少在实验模式下？

score 2 · Accepted Answer

你不能。语法和协定已在 ECMAScript 规范中定义，但在任何主要运行时都没有实现。

在某些平台提供内置System对象和相关模块加载之前，您会被 Webpack 或类似于 polyfill 的东西卡住。

虽然这似乎是浏览器方面的一个重大遗漏，但该功能很容易填充。

score 0 · Accepted Answer

目前，任何浏览器都不原生支持 ES6import和ES6 功能（有关它的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export ）。export

您需要使用一个编译器来使用这些关键字转换您的代码，其中最常见和最常用的是babel。

2 回答 2