javascript - 使用多个 polymer 元素时如何避免重复导入 polymer ？

Question

我是 polymer 2 的新手，似乎要加载 polymer 元素，您需要导入一个包含这 3 个 html 导入的 html 文件:

1. the polyfill
2. the main polymer element class
3. and then potentially extras like iron-input.html or dom-repeat.html

如果我然后将 5 个不同元素的 5 个 polymer 元素 html 文件导入我的主页，我将有 5 倍以上 3 个导入。您如何避免所有这些重复以及大量导入 DOM？

我是否应该手动删除 5 个文件中的所有导入语句？每个只保留 1 个？

https://www.polymer-project.org/2.0/start/quick-tour

谢谢

Answer 1

这些都不是必需的，因为 HTML 导入在设计上是去重的。

这意味着任何 <link rel="import" href="polymer.html"> 的出现只会被浏览器下载一次。

作为附带事实，大多数导入的 HTML 不会直接包含 HTML，而是包含脚本和 HTML templates .然后使用这些模板创建要插入到页面中的实际 HTML 内容。最值得注意的是，这些模板定义了自定义元素的外观。

---

您将看到这些部分如何组合到位以创建 Web 组件规范:

• 自定义元素定义网络组件的构建 block
• 定义了自定义元素的行为和外观(粗略地说)，但是 HTML 模板和脚本
• 这些脚本作为自包含的 HTML 文件分发，使用 HTML 导入