html - 如果 HTML 导入已失效/已弃用，那么导入 Web 组件 (X-Tag) 模板的最佳方式是什么？

Question

我正在开发我的第一个 X-Tag 应用程序，在它的页面上说它旨在与 Web 组件 API 一起工作，例如“自定义元素、Shadow DOM、模板和 HTML 导入”。

我已经开始处理我的模板，但既然 HTML 导入已被弃用，导入它们的最佳选择是什么？

Answer 1

2019 年更新

HTML 导入的 native 实现将从 Chrome 73 中删除，因此现在建议使用 native fetch() ，或第三方库。

过时的答案

据我所知，HTML Imports还没有被弃用(或者它是新的？)。只有 Mozilla 表示不会为 Firefox 实现它。但是 polyfill仍然可用并受支持。

自 ES6 Modules还没有实现，我想说 HTML Imports 仍然是最好的选择(这是我选择的那个)，因为它们非常易于使用并且运行良好(Polymer 广泛使用它们)。

相反，您可以尝试 RequireJs或实现您自己的模块加载器(使用 XMLHttpRequest)。

我不建议您使用 ES6 模块加载器 polyfill，因为它们仅处于实验阶段。