1

这更像是一个关于学习 Polymer 1.0的一般性问题，聚合物团队建议在 stackoverflow 上发布它们。

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

我在重建聚合物应用程序时遇到了麻烦，因为他们的 javascript 文件似乎是这个 124kb 或者当美化了 4736 行 javascript 代码时，这几乎不可能重现。

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

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

与vue todo app javascript 文件相比，它需要最多 123 行实际 javascript 代码才能正常运行，Polymer 的 4736 行代码似乎有点不成比例，因为它是 todomvc.com 堆栈中用于教育目的的应用程序。

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

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

编辑

建议只重命名builds.elements.htmlto elements.html，但这不起作用，因为未显示任务并且添加任务会引发错误：

未捕获的类型错误：无法读取未定义的属性“concat”

4

2 回答 2

3

elements.build.html和elements.build.js在构建步骤中通过运行生成npm run build。请参阅进行更新。

要从此示例中学习，我建议您：

  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

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

于 2015-10-23T15:27:43.443 回答
2

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

注意package.json文件。它在 polybuild 下，所以这就是你看到一个elements.build.html文件的原因。

于 2015-10-23T07:20:53.650 回答