javascript - 如何加载 polymer ？

Question

我是 polymer 新手，正在尝试了解如何加载它。我正在读这篇文章

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

在他们的第一个简单示例中，他们加载了一个polyfill

<script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>

我明白原因了。但接下来的部分，他们加载一个 html 文件，该文件似乎加载了主 polymer 应用程序。

他们通过 html 导入将其加载到此处

https://polygit.org/components/polymer/polymer-element.html

这似乎加载了一堆 html 文件，其中都有脚本标签。

最后要使用 polymer ，您只需创建一个扩展Polymer.Element的类。

这看起来真的很奇怪，为什么他们选择导入大量的 html 文件。为什么他们不把所有的 js 都塞进 1 个 javascript polymer 库文件中，比如 jquery.js ？或者有类似 polymer 的 javascript 文件吗？

谢谢。

Answer 1

没有 Polymer js 文件。

正如您所注意到的，Polymer 作为 HTML 文件分发，这些文件通过 HTML 导入链接使用。

单个组件将导入 polymer/polymer-element.html而使用该元素的应用程序将导入 polymer/polymer.html 。它们都包含它们需要的所有 JS 代码。

为什么是 HTML 而不是 JS 文件？因为 HTML 导入规范会阻止给定文件多次加载，这与 <script> 不同。标签。