使用bower安裝時的webcomponents.js

Question

有沒有一種簡單的方法來組合webcomponents.js polyfills的所有文件？ 我使用聚合物，似乎有兩個主要的地方，顯着增加了請求的數量。 webcomponents.js似乎通過javascript單獨加載大約70多個文件。 Polymer-gestures是第二個對請求數量做出重大貢獻的地方，但比webcomponents.js少得多。 有沒有人有這個解決方案，而不是手動組合所有文件？

他們為什么不這樣做呢？ 這看起來有點荒謬。 即使它將每個主要的polyfill類別分解為4個文件，它也會好得多。

更新：當使用硫化來減少要求時，我甚至無法得到聚合物網站上給出的示例 。 我可以在自定義組件（工作）中獲得一個好的圖像。 它在硫化之后起作用，但幾乎沒有減少任何請求，因為大多數是通過在webcomponents.js和polymer.js中從JS編寫的腳本標簽制作的。 執行--inline會完全破壞它並且組件不會加載。 有任何想法嗎？？？

更新：在嘗試示例時，我使用的是我已經為當前項目提取的資源。 我嘗試在一個孤立的文件夾中再次拉動資源（涼亭），它確實有效。 我現在需要弄清楚的是當我拉動它時為什么會破壞它？ 以下是我的bower.json文件，用於非工作案例和工作案例：

破碎：

{
  "name": "app",
  "private": true,
  "dependencies": {
    "webcomponentsjs": "webcomponentsjs#master",
    "polymer": "Polymer/polymer#master",
    "core-drawer-panel": "Polymer/core-drawer-panel#master",
    "paper-tabs": "Polymer/paper-tabs#master",
    "core-icon-buttons": "Polymer/core-icon-button#master",
    "core-toolbar": "Polymer/core-toolbar#master",
    "core-animated-pages": "Polymer/core-animated-pages#master",
    "core-header-panel": "Polymer/core-header-panel#master"
  }
}

工作：

{
  "name": "test",
  "private": true,
  "dependencies": {
    "polymer": "polymer/polymer#~0.5.5",
    "webcomponentsjs": "~0.5.5"
  }
}

我的問題是我仍然需要為項目提取其他資源，因為它們是我使用的組件。

Answer 1

您可以根據組件的使用來硫化代碼。 詳細解釋在Polymer網站上：

https://www.polymer-project.org/articles/concatenating-web-components.html

Answer 2

所以......我發現了這個問題。 我拉#master而不是我需要的正確版本。 解決這個問題幾乎解決了我遇到的任何問題。