script标签的自定义type会被浏览器解析吗？

Question

我在看single-spa微前端框架时，其官方脚手架创建的项目有如下一段html文本，

<meta name="importmap-type" content="systemjs-importmap" />
<script type="systemjs-importmap" src="https://storage.googleapis.com/react.microfrontends.app/importmap.json"></script>

这type很显然不是标准的 MIME 类型啊，浏览器会如何处理呢，上面这段文本起到什么作用呢？

Answer 1

自定义的就不会被浏览器执行，但是还是会正常下载、触发 onload 回调这些。

然后这就是个 DOM 节点了，想咋处理就看你 JS 咋写的呗。

比如有一种实时 babel 的方案就是加入个 text/babel 的类型，然后前台当纯文本做转译后再 eval()。

有了这个特性甚至你可以在浏览器中执行其他语言的代码（前提是先写一个 JS 版的解释器），MDN 上给出了一个详细的例子：https://developer.mozilla.org...