javascript - 使用 JavaScript ES6 模块进行离线首次设计

Question

使用 JavaScript ES6 模块需要在 html 中指定 mime 类型，例如:

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

仅当将 CORS header 添加为消息 header 时才会加载，该 header 只能由服务器添加，具体取决于服务器设置。

我是否正确地假设这意味着不可能有一个在使用 ES6 模块时仍然可以离线工作的网页？那么使用 ES6 模块设计一个离线的第一个应用程序是不可能的吗？

Answer 1

如果您想制作一个真正离线优先的应用程序，最好将所有 ES6 模块制作一个 bundle 。例如，您可以选择Webpack作为您的模块 bundler 。

编译完成后，您将收到一个 .js 文件，您可以将其包含在页面中，而无需考虑 CORS。

如果您想减少页面加载时间，这也很有帮助，因为每次使用标签时，浏览器都会向服务器发出请求，因此仅使用一个 bundle 会减少请求。