html - 什么是 HTML 模块？

Question

HTML 模块到底是什么？我知道它可能允许开发人员将 HTML 创建为模块，就像 ES6 模块之于 JavaScript 一样。

但是，这些模块基本上是像 Mustache、Handlebars 和 Pug 这样的模板吗？或者它就像一个类似模板系统的包装器，可以让我们轻松地将一个 HTML 文件导入另一个 HTML 文件？

它会为避免使用利用 Web 组件的模板库铺平道路吗？

[更新]这是我找到这个的链接 - https://github.com/w3c/webcomponents/blob/gh-pages/proposals/html-modules-explainer.md

Answer 1

HTML 模块是将 HTML 文件导入文档的新提议。

HTML import支持类似的功能并允许导入 HTML 文件(最终包含自身的 JS 和 CSS)但它已被弃用并且 JS module import已部分替换了该功能。

HTML 导入的目的是完成该部分并使再次导入 HTML 文件而不是仅导入 JavaScript 文件成为可能。今天，您无法导入包含 HTML 的文件(同样，当 meta rel=import href=myfile.html> 不再受支持时，您可以这样做)。如果你想这样做，你必须在处理之前用 JavaScript 字符串编写 HTML。

该提案还引入了诸如 import.meta.document 之类的概念，这些概念指的是要导入的内部文档。

请注意，这是一个提案，即使它可以被插入到规范中，它也应该被浏览器实现，并最终被社区采纳，以便保留并成为一个稳定的功能。

目前您可以使用的最接近的是 Lego Web-Component library允许将 HTML 作为模块包含在内并扩展 native HTML 功能:

<template>
  <p>Hello World!</p>
</template>

用作:

<script src="./dist/index.js" type="module"></script>
<hello-world />

示例取自 https://github.com/polight/lego#hello-world

让我们看看 future HTML 模块的规范将如何发展......