其实浏览器原生模块相关的支持也已经出了一两年了(我第一次知道这个事情实在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>