Polymer 共享聚合物/网络组件

Polymer 共享聚合物/网络组件,polymer,web-component,Polymer,Web Component,我从一个项目开始,希望包装一个组件,然后将其共享给另一个项目,但是由于公司的限制,我无法按照文档建议将其发布到github。 我设法通过IIS共享组件,但是我不确定这是否是最好的方法,因为理想的结果是使用类似CDN的方法将组件引用到应用程序中 代码如下: 这是我想要共享的组件:base element.html 在IIS中,我将其设置为主应用程序,然后设置一个名为client的虚拟应用程序,该应用程序随后引用此html文件 在客户端应用程序的index.html文件中 然后在我要显示组件的视

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

代码如下:

这是我想要共享的组件:base element.html

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

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


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



不过,如果我能使用咕噜声发球或其他方法实现这一功能,那就太好了。有什么建议吗?

A一个想法,请看我对自己问题的回答


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

一个想法,请看我对自己问题的回答

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

看看这是否有帮助-

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

查看这是否有助于-


您可以通过私有存储库共享组件,这可以作为bower依赖项包含。查看。

我对您在index.html文件中尝试执行的操作感到有点困惑,然后我们用两个点指向一个href。请记住,这是web url空间而不是文件系统。对于您在index.html文件中尝试执行的操作,我感到有点困惑,然后我们使用了一个带有两个点的href。请记住,这是web url空间,而不是您的文件系统。为此,我将在我的解决方案正常工作时尝试一下,您可以向IIS应用程序添加侦听器,但会尝试一下您的建议。为此,我将在我的解决方案正常工作时尝试一下,您可以向IIS应用程序添加侦听器,但会尝试一下您的建议
<!-- 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>
{
  "name": "base-element",
  "private": true,
  "dependencies": {
    "polymer": "Polymer/polymer#^1.2.0"
  },
  "devDependencies": {
    "web-component-tester": "^4.0.0"
  },
  "ignore": []
}
  <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
    <link rel="import" href="../base-element.html"/>
<base-element></base-element>