Question

我正在尝试将Polymer 1应用程序迁移到Polymer 2.我的应用程序包含一个＆＃34; main＆＃34;页面 index.html 和一个静态文件＆＃34; multiple.html＆＃34;。

＆＃34;的index.html＆＃34;是第一页发送给客户。用户通过 index.html 成功登录服务器后，＆＃34; index.html＆＃34;在其内部创建以下标记：

<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 作为服务器数据的请求参数从同一个静态文件＆＃34; multiple.html＆＃34;构建不同内容的页面。因此，浏览器现在可以打开一个主页面和几个＆＃34;实例＆＃34;从静态文件 multiple.html 生成的页面。

这是我的问题：聚合物2只允许一个＆＃34; main＆＃34;页面，应该在文件 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

e.g。你也可以在那里提供js缩小和html缩小，所以你不必在命令行上提供它。

多个自我内容页面

1 个答案: