HTML Imports：一场未竟的模块化革命 “模块化”，这三个字在软件开发领域简直就像一句咒语，谁念谁灵。它能让代码井井有条，方便维护，还能像乐高积木一样，随意组装复用。前端开发也不例外，我们一直在寻找更好的模块化方案。在 ES Modules 横空出世之前，HTML Imports 曾经被寄予厚望，它试图用一种“HTML 方式”来解决 JavaScript 的模块化问题。 想象一下，你正在搭建一个复杂的网页，里面充满了各种自定义组件：轮播图、导航栏、评论框……如果把所有代码都塞到一个大文件里，那简直就是一场灾难。维护起来头皮发麻，稍有不慎就会引发“蝴蝶效应”。这时候，你就需要模块化来拯救你于水火之中。 HTML Imports 的想法很简单：就像引入 CSS 样式表一样，用 <link> 标签来引入 HTML 文件，这些 HTML 文件可以包含样式、脚本甚至其他 HTML 模板。这样，你的组件就可以被封装在独立的 HTML 文件中，并通过 <link> 标签引入到需要的地方。 <link rel=”import” href=”my-component …