原生ES-Module在浏览器中的尝试

其实浏览器原生模块相关的支持也已经出了一两年了(我第一次知道这个事情实在2016年下半年的时候)
可以抛开webpack直接使用import之类的语法
但因为算是一个比较新的东西,所以现在基本只能自己闹着玩 :p
但这并不能成为不去了解它的借口,还是要体验一下的。

首先是各大浏览器从何时开始支持module的:

Safari 10.1

Chrome 61

Firefox 54 (有可能需要你在about:config页面设置启用dom.moduleScripts.enabled)

Edge 16

数据来自jakearchibald.com/2017/es-mod…

使用方式

首先在使用上,唯一的区别就是需要在script标签上添加一个type="module"的属性来表示这个文件是作为module的方式来运行的。

<script type="module"> import message from './message.js' console.log(message) // hello world </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwsgff.html