在HTML-Import中包装javascript依赖项?

时间:2015-11-18 05:42:28

标签: polymer web-component html-imports

要在Web组件中使用javascript-libraries,我已经看到了将它们包装成html-import的模式,如下所示:

(moment.html)

<script type="application/javascript" src="bower_components/moment/moment.js"></script>

(component.html)

<link rel="import" href="moment.html">

而不是直接在component.html中导入脚本。使用html-imports有什么好处吗?

1 个答案:

答案 0 :(得分:2)

将它直接嵌入到HTML中有一些好处:它可以消除额外的HTTP请求(这会因请求延迟时间而减慢网页加载速度)。

然而,成本是可维护性的,这意味着您的component.html文件现在直接依赖于可能被抽象出来的东西(moment.html - 因为component.html应该不知道moment.html的依赖关系)。