Question

我安装了Polymer Starter Kit Light并正在编写我的第一个Polymer应用程序。我注意到在bower_componets/polymer下我有polymer.html，但该文件根本没有缩进。我很乐意遵循代码并看看发生了什么，但缺少缩进使其不太理想。

运行简单的bower install polymer会为您提供相同的文件。

在GitHb项目https://github.com/Polymer/polymer中，我甚至找不到polymer.html。所以：

Polymer的代码是如何构建的？ Polymer.html是如何产生的？
如何获得调试和修补程序友好的Polymer版本？

Answer 1

Polymer拥有开发分支和发布。

如果您bower install Polymer/polymer#master获得master 分支，这与您在GitHub存储库中看到的非常相似。

如果您bower install Polymer/polymer获得了最新的版本，该版本已被缩小（仅包含必要文件，并且这些文件已合并并压缩），以便为您的生产带来好处。

Answer 2

我害怕Polymers有点复杂，因为它使用this._addFeatures函数动态加载部分内容。

如果你从Polymer.html开始追踪，你会看到它导入Polymer-mini.html，然后导入Polymer-micro.html，我认为它会从库中加载一些东西。

Answer 3

在几乎所有组件中都导入了polymer.html。因此，即使您更改元素中的路径，也会尝试从其他元素中的bower_components导入。

根据我的理解，HTML导入系统会跟踪已导入的项目，以确保相同的代码不会运行两次。如果您在两个不同的路径中使用polymer.html，它可能会尝试运行两次并可能导致一些问题。

所以最好将它留在bower_components中。

如果您只是在玩聚合物，也可以尝试使用polygit（http://polygit.org/）。以下是带有polygit的样本plunker

http://plnkr.co/edit/QkxrrFHYZRnlHuZVNIgy

e.g。

<script src="http://polygit.org/components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="http://polygit.org/components/polymer/polymer.html">
<link rel="import" href="http://polygit.org/components/paper-input/paper-input.html">

Polymer Starter Kit和Polymer的缩进

3 个答案: