多个自我内容页面

Question

我正在尝试将Polymer 1应用程序迁移到Polymer2。我的应用程序包括一个“主”页面index.html和一个静态文件“ multiple.html”。

“ index.html”是交付给客户端的第一页。 用户通过index.html成功登录服务器后，“ index.html”会在其内部创建以下标记：

<a href="/m/1" target="_blank">menu item 1</a>
<a href="/m/2" target="_blank">menu item 2</a>
<a href="/m/3" target="_blank">menu item 3</a>

用户单击菜单项N后 ，服务器将通过同一个文件发送文件multiple.html 。 浏览器比调用函数document.URL拿到1，2，或3作为从服务器数据从同一个静态文件“multiple.html”构建不同内容的网页请求参数。 因此，浏览器可能会立即打开一个主页和几个页面的“实例”从静态文件multiple.html催生。

这是我的问题：Polymer 2仅允许一个“主”页面，该页面应该在文件bower.json中指定。 如何重组我的应用程序，以便可以运行命令

polymer build --js-minifiy --html-minify

并在目录build / default中生成正确的压缩文件，尤其是index.html和multiple.html ？

编辑请注意，由于文件index.html和Multiple.html共享许多自定义元素文件，因此，将这个应用程序拆分为两个应用程序不是一个好主意。

编辑2非常感谢您的投入！ 我的问题不够具体。 我将遵循Polymer Shop所示的设计模式，并尝试使用Polymer元素app-route 。

Answer 1

您应该在应用程序的根目录中提供一个polymer.json文件。

您可以在其中定义多个文件。

{
  "entrypoint": "index.html",
  "fragments": [
    "multiple.html",
  ]
}

有关更多详细信息，请参见https://www.polymer-project.org/2.0/docs/tools/polymer-json

例如，您还可以在那里提供js最小化和html最小化，因此您不必在命令行上提供它。