共享聚合物/网络组件答案

【问题标题】：Shared Polymer/webcomponents共享聚合物/网络组件
【发布时间】：2016-02-01 20:52:54
【问题描述】：

我开始一个项目，想打包一个组件，然后将其共享到另一个项目，但是由于公司限制，我无法按照文档建议将它发布到 github。我设法通过 IIS 共享组件，但我不确定这是否是最好的方法，因为期望的结果是使用类似 CDN 的方式将组件引用到应用程序中。

代码如下：

这是我要分享的组件：base-element.html

<!-- Imports polymer -->
<link rel="import" href="bower_components/polymer/polymer.html">

<!-- Defines element markup -->
<dom-module id="base-element">
    <template>
     <h3>Hello</h3>
    </template>
    <!-- Registers custom element -->
<script>
Polymer({
    is: 'base-element',

    // Fires when an instance of the element is created
    created: function() {},

    // Fires when the local DOM has been fully prepared
    ready: function() {},

    // Fires when the element was inserted into the document
    attached: function() {},

    // Fires when the element was removed from the document
    detached: function() {},

    // Fires when an attribute was added, removed, or updated
    attributeChanged: function(attr, oldVal, newVal) {}
});
</script>
</dom-module>

这是 bower.json 文件：

{
  "name": "base-element",
  "private": true,
  "dependencies": {
    "polymer": "Polymer/polymer#^1.2.0"
  },
  "devDependencies": {
    "web-component-tester": "^4.0.0"
  },
  "ignore": []
}

在 IIS 中，我将其设置为主应用程序，然后设置一个名为 client 的虚拟应用程序，然后引用此 html 文件。

在客户端应用的index.html文件中

  <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
    <link rel="import" href="../base-element.html"/>

然后在我要显示组件的视图中：

<base-element></base-element>

但是，如果我可以使用 grunt serve 或其他东西来实现此功能，那就太好了。有什么建议吗？

【问题讨论】：

我对您在 index.html 文件中尝试执行的操作感到有些困惑，然后执行了一个带有两个点应该指向的 href。请记住，这是 web url 空间而不是您的文件系统。

标签： polymer web-component

【解决方案1】：

一个想法，在这里查看我对自己问题的回答How can I replace the server in Web Component Tester

这建议使用代理服务器将您的基本元素的请求转发到您的主运行服务器。（或使用 nodejs 样式服务器的另一个实例）。

【讨论】：

感谢您，我会尝试一下，因为我的解决方案有效，您可以向 IIS 应用程序添加侦听器，但会尝试一下您的建议

【解决方案2】：

看看这是否有帮助 - Using Bower as the Package Management tool for Internal, Private Libraries

您可以通过私有存储库共享您的组件，这可以作为 bower 依赖项包含在内。检查documentation。

【讨论】：