使用JavaScript ES6模块进行离线优先设计

时间:2018-02-22 13:23:20

标签: javascript es6-modules offlineapps

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

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

只有在添加CORS标头作为邮件标头时才会加载,只能由服务器添加,具体取决于服务器设置。

我是否正确地认为这意味着在使用ES6模块时仍然无法使网页脱机工作? 因此,使用ES6模块设计离线第一个应用程序是不可能的?

1 个答案:

答案 0 :(得分:1)

如果你想制作一个真正离线优先的应用程序,最好与所有ES6模块一起制作一个捆绑包。例如,您可以选择Webpack作为模块捆绑包。

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

如果您想减少页面加载时间,这也很有用,因为每次使用标记时,浏览器都会向服务器发出请求,因此只使用一个包会减少请求。