Javascript 如何重建聚合物&x27；TodoMVC应用程序

这是一个关于学习聚合物1.0的一般性问题，建议在stackoverflow上发布

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

我在重建polymer应用程序时遇到了麻烦，因为它看起来只有124kb，或者当美化了4736行javascript代码时，几乎不可能重现

这些行似乎包含与所使用的每个其他元素（flatiron控制器、iron选择器、iron localstorage等）相关联的任何javascript，还包含可能与核心库相关联的一大堆javascript，不确定是哪一个

谁会复制这个todomvc应用程序

与只需要最多123行实际javascript代码才能正常运行的应用程序相比，polymer的4736行代码与todomvc.com堆栈中用于教育目的的应用程序相比似乎有点不成比例

你知道如何复制polymer的todomvc应用程序吗

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

---

编辑

建议将

builds.elements.html

重命名为

elements.html

，但这不起作用，因为未显示任务，添加任务会引发错误：

未捕获的TypeError:无法读取未定义的属性“concat”

---

以下是Polymer 1.0 TodoMVC应用程序的应用程序源。

---

注意

package.json

文件。它在polybuild下运行，这就是为什么您会看到

elements.build.html

文件。

这是Polymer 1.0 TodoMVC应用程序的应用程序源代码。

---

注意

package.json

文件。它在polybuild下运行，因此您会看到一个

elements.build.html

文件。

elements.build.html和elements.build.js是在构建步骤中通过运行

npm run build

生成的。看

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

克隆存储库

使用npm和bower安装依赖项

删除

index.html

（可能）

清空

元素/

目录

添加以下空白文件：

• index.html

  如果您将其删除

• elements/elements.html

• elements/td-input.html

• elements/td item.html

• elements/td model.html

• elements/td-todos.html

实现一个文件并与源代码进行比较

npm运行构建

python-msimplehttpserver

（或您选择的服务器）

重复步骤5-8

---

你可能会得到一个404找不到。要解决此问题，您可以自己添加文件或删除调用它的代码。

元素。build.html和元素。build.js在生成步骤中通过运行

npm run build

生成。看

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

克隆存储库

使用npm和bower安装依赖项

删除

index.html

（可能）

清空

元素/

目录

添加以下空白文件：

• index.html

  如果您将其删除

• elements/elements.html

• elements/td-input.html

• elements/td item.html

• elements/td model.html

• elements/td-todos.html

实现一个文件并与源代码进行比较

npm运行构建

python-msimplehttpserver

（或您选择的服务器）

重复步骤5-8

---

你可能会得到一个404找不到。要解决此问题，您可以自己添加该文件，也可以删除调用该文件的代码。

该应用程序似乎进入了构建步骤。您可能需要询问polymer团队todomvc应用程序的源代码是否可供公众使用。该应用程序似乎处于构建阶段。你可能要问polymer团队todomvc应用程序的来源是否公开。这比我的回答要好：）不确定我们是否在同一页上。我发布的javascript文件正是来自您发布的这个应用程序源目录，这意味着，要么我忽略了您答案中明显的内容，要么我已经知道这个“无用”源。如果我正确理解了您的评论，您正在解释为什么我只看到elements.build.html，而您没有说明如何在没有构建步骤的情况下查看真正的源代码。我理解正确了吗？@LoveAndHappiness在index.html页面上，您可以将

元素/elements.build.html

导入到

元素/elements.html

elements.build.html

是polybuild内部硫化工具的产品。它将所有导入连接到一个大文件中。这是为了提高网络性能。@LoveAndHappiness您必须连接导入（聚合上下文中的硫化）的原因是HTTP 1.1在处理多个并行请求方面非常差，因此将所有文件连接到一个大blob是首选方法。然而，在HTTP/2中，您实际上可以并行加载请求，从而获得网络性能的巨大提升。这使得在HTTP/2中不需要连接文件。@NeilJohnRamal只是从

builds.elements.html

重命名为

elements.build.html

不显示任何任务，添加任务会抛出“未捕获类型”