聚合物入门套件和聚合物的压痕
Polymer Starter Kit and Polymer's indentation
我安装了 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 版本?
恐怕 Polymers 有点复杂,因为它使用 this._addFeatures 函数动态加载自身的一部分。
如果您从 Polymer.html 开始回溯,您会看到它导入了 Polymer-mini.html,而后者又导入了 Polymer-micro.html,我认为它会从库中加载一些东西.
polymer.html 几乎在所有组件中都被导入。因此,即使您更改元素中的路径,也会尝试从其他元素中的 bower_components 导入它。
据我了解,HTML 导入系统跟踪已导入的项目以确保相同的代码不会 运行 两次。如果您在两个不同的路径中有 polymer.html,它可能会尝试 运行 两次并可能导致一些问题。
所以最好留在bower_components。
如果你只是在玩弄聚合物,你也可以试试 polygit (http://polygit.org/)。下面是带有 polygit
的示例 plunker
http://plnkr.co/edit/QkxrrFHYZRnlHuZVNIgy
例如
<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 有开发分支和版本。
如果你 bower install Polymer/polymer#master
你会得到 master
分支 ,这与你在 GitHub 存储库中看到的非常相似。
如果您 bower install Polymer/polymer
您将获得最新的 版本 ,它已被缩小(只有必要的文件,并且这些文件被合并和压缩)以供您的生产使用。
我安装了 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 版本?
恐怕 Polymers 有点复杂,因为它使用 this._addFeatures 函数动态加载自身的一部分。
如果您从 Polymer.html 开始回溯,您会看到它导入了 Polymer-mini.html,而后者又导入了 Polymer-micro.html,我认为它会从库中加载一些东西.
polymer.html 几乎在所有组件中都被导入。因此,即使您更改元素中的路径,也会尝试从其他元素中的 bower_components 导入它。
据我了解,HTML 导入系统跟踪已导入的项目以确保相同的代码不会 运行 两次。如果您在两个不同的路径中有 polymer.html,它可能会尝试 运行 两次并可能导致一些问题。
所以最好留在bower_components。
如果你只是在玩弄聚合物,你也可以试试 polygit (http://polygit.org/)。下面是带有 polygit
的示例 plunkerhttp://plnkr.co/edit/QkxrrFHYZRnlHuZVNIgy
例如
<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 有开发分支和版本。
如果你 bower install Polymer/polymer#master
你会得到 master
分支 ,这与你在 GitHub 存储库中看到的非常相似。
如果您 bower install Polymer/polymer
您将获得最新的 版本 ,它已被缩小(只有必要的文件,并且这些文件被合并和压缩)以供您的生产使用。