polymer - 如何使用 Polymer CLI 构建 Polymer 2.x 项目？

Question

任何人都可以向我指出使用 Polymer CLI 中的 Polymer 2 和 polymer-build 的教程吗？当我使用 polymer-starter-kit 中的任何示例并使用 polymer serve 时，它工作正常；但是当我使用 polymer build 并提供 bundled 或 unbundled 目录时，我收到 404 错误。我什至已经更新到最新的 polymer-cli alpha 版本。

此外，使用 https://github.com/tony19/generator-polymer-init-2-x-app发电机也有同样的问题。

Answer 1

我也花了一些时间来解决这个问题。请使用 polymer-cli@next 而不是 polymer-cli

Plain polymer-cli 似乎没有最新的构建和优化来支持 Polymer 2.0#Preview 相关功能。

您可以安装polymer-cli@next。在 Ubuntu 中，您可以简单地使用 npm install -g polymer-cli@next

然后，通过 polymer build 生成的应用程序的捆绑和非捆绑版本将正常工作。

编辑:您可以在 https://github.com/phani1kumar/phani1kumar.github.io 找到我的代码示例 Polymer2.0#Preview 版本分支是“devmaster”。

sw-precache-config.js 是初始渲染阻塞。这将加载主页所需的所有资源，以使该应用程序可供离线使用。 src/lazy-resources.html 加载下一条路线的资源。

您需要根据您的布局和主页在以下 3 个文件中进行适当的配置:sw-precache-config.js、polymer.json、src/lazy-resources.html。这是 Polymer 团队在商店应用程序中遵循的做法，您可以选择不同的延迟加载机制。延迟加载的底线是在 Polymer.RenderStatus.afterNextRender 之后加载资源。

您可能还会对以下文章感兴趣:https://medium.com/@marcushellberg/how-i-sped-up-the-initial-render-of-my-polymer-app-by-86-eeff648a3dc0#.pi2iucwzi