如何重建Polymer的TodoMVC应用程序

Question

对于学习Polymer 1.0 ，这更像是一个一般性问题，建议by the polymer team在stackoverflow上发布它们。

我个人学习东西的最好方法是重建小应用程序。一个很好的来源是todomvc.com。

我无法重建聚合物应用程序，因为their javascript file似乎是这个124kb或美化 4736行javascript代码，这使得它几乎不可能重现。

这些行似乎包含与使用的每个其他元素相关联的任何javascript（flatiron-director，iron-selector，iron-localstorage等）以及可能与核心库相关的一大堆javascript，不确定哪一个

如何有人重现这个todomvc-app？

与仅需要最多123行实际javascript代码才能正常运行的vue todo app javascript file相比，聚合物的4736行代码似乎与用于教育目的的应用程序不成比例< / strong>在todomvc.com堆栈中。

任何想法如何实际复制聚合物的todomvc应用程序？

此外，该应用程序似乎没有使用聚合物的模块化理念构建，因为有一个巨大的 elements.build.html 文件，其中包含四个dom-modules，而不是不同的自定义元素。聚合物应用程序应该以这种方式构建，还是以这种方式构建这个特定的应用程序，因为我不知道任何限制？

修改

有人建议只将builds.elements.html重命名为elements.html，但这不起作用，因为没有显示任务，添加任务会引发错误：

  

未捕获的TypeError：无法读取未定义的属性'concat'

Answer 1

通过运行npm run build在构建步骤中生成

elements.build.html 和 elements.build.js 。请参阅Making Updates。

要从这个例子中学习，我建议您：

1. 克隆存储库
2. 使用npm和bower
安装依赖项
3. 删除index.html（可能）
4. 清空elements/目录
5. 添加以下空白文件：
   • index.html如果您将其删除
   • elements/elements.html
   • elements/td-input.html
   • elements/td-item.html
   • elements/td-model.html
   • elements/td-todos.html
6. 实施文件并与来源进行比较
7. npm run build
8. python -m SimpleHTTPServer（或您选择的服务器）
9. 重复步骤5 - 8

您可能会收到涉及learn.json的404 Not Found。要解决此问题，您可以自己添加文件，也可以删除调用它的代码。

Answer 2

这是Polymer 1.0 TodoMVC应用的应用源代码。 https://github.com/tastejs/todomvc/tree/master/examples/polymer

注意package.json文件。它属于polybuild，这就是为什么你会看到elements.build.html文件的原因。