Question

是否有一种简单的方法来组合webcomponents.js polyfills的所有文件？我使用聚合物，似乎有两个主要的地方，显着增加了请求的数量。 webcomponents.js似乎通过javascript单独加载大约70多个文件。 Polymer-gestures是第二个对请求数量做出重大贡献的地方，但比webcomponents.js少得多。有没有人有这个解决方案而不是手动组合所有文件？

他们为什么不这样做？这看起来有点荒谬。即使将每个主要的polyfill类别分解为4个文件，它也会好得多。

更新：当使用硫化来减少请求时，我甚至无法让聚合物网站上的example发挥作用。我可以在自定义组件（工作）中获得一个好的图像。它在硫化之后起作用，但几乎没有减少任何请求，因为大多数是通过在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

您可以根据组件的使用来硫化代码。详细解释见聚合物网站：

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

Answer 2

所以......我发现了这个问题。我拉#master而不是我需要的正确版本。解决这个问题几乎解决了我遇到的任何问题。

使用bower安装时的webcomponents.js

2 个答案: