在哪里放置聚合物/ Web组件的LINK语句

时间:2018-06-19 17:23:14

标签: polymer web-component

我是组件的新手,正在尝试将某些组件实现为新主题。我的问题是关于最佳做法,以及在什么范围内最好包含这些文件。例如,将它们全部加载到索引页面是否有任何优势,或者在使用它们时应该将它们链接并包含在内?如果我动态加载它们,是否有可能发生冲突?

我希望这是有道理的。提前谢谢您的帮助。

1 个答案:

答案 0 :(得分:3)

在webcomponents.org上有一个明确的答案:

  

普通HTML导入非常渴望,这意味着它们将在随后的任何代码之前先按顺序加载和评估。通过在运行时延迟加载代码,可以大大提高性能,因此您只需加载显示当前视图所需的最少代码量。这是PRPL pattern的关键部分。

     

要延迟加载HTML,可以使用JavaScript API(例如Polymer.importHref)。这个仓库增加了一种声明性的方式来描述您将懒惰地导入的资源,以及一种加载它们的方法。由于这种惰性导入是声明性的,因此聚合物分析仪,聚合物短绒和聚合物捆扎机都可以理解它们,从而为您提供准确的棉绒警告和分片捆绑,而无需任何配置,而只需您的源代码。   有关其余信息,请通过:https://www.webcomponents.org/element/Polymer/lazy-imports