多個自我內容頁面

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最小化，因此您不必在命令行上提供它。