多个自有内容页面

Question

我正在尝试将 Polymer 1 应用程序迁移到 Polymer 2。我的应用程序包含一个“主”页面 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”构建不同内容的页面。因此，浏览器现在可能会打开一个 main 页面和从静态文件 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 缩小，因此您不必在命令行上提供它。