从另一个webapp使用Polymer 3.0自定义元素
我正在尝试使用webapp中使用Polymer CLI构建的自定义web组件。为了使用polymer设置第一个虚拟自定义元素,我执行了以下步骤: 使用节点v8.9.1、npm v5.5.1和polymer cli v1.7.2 mkdir我的自定义元素(&cd)我的自定义元素 聚合物与聚合物-3-元素 聚合物发球 polymer serve生成的演示应用程序导入了我的自定义元素,并且与跨浏览器兼容。具体来说,它在IE11中加载自定义元素,这是我的项目中的一个要求 我的问题是:如何引导我的webapp index.html使用我的自定义元素,这些元素可能会像在演示应用程序中一样托管在另一台服务器上。我还没有找到这方面的文档从另一个webapp使用Polymer 3.0自定义元素,polymer,web-component,custom-element,polymer-elements,Polymer,Web Component,Custom Element,Polymer Elements,我正在尝试使用webapp中使用Polymer CLI构建的自定义web组件。为了使用polymer设置第一个虚拟自定义元素,我执行了以下步骤: 使用节点v8.9.1、npm v5.5.1和polymer cli v1.7.2 mkdir我的自定义元素(&cd)我的自定义元素 聚合物与聚合物-3-元素 聚合物发球 polymer serve生成的演示应用程序导入了我的自定义元素,并且与跨浏览器兼容。具体来说,它在IE11中加载自定义元素,这是我的项目中的一个要求 我的问题是:如何引导我的weba
对于聚合物元件,例如,有关于如何引导的文档。不幸的是,这不适用于Polymer 3.0元素,例如模块导入的b/c与html导入。我认为最好的方法是从Polymer init生成的demo/index.html中摘录以下内容:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="assets/webcomponents-loader.js">/script>
<script type="module" src="http://localhost:8000/custom-polymer-element.js"></script>
</head>
<body>
<custom-polymer-element></custom-polymer-element>
</body>
</html>
也由polymer serve使用,并将引导自定义元素
但是,由于跨浏览器兼容性问题,目前这还不够。我必须编写额外的引导代码才能使其在Chrome 65+、FF 59+和IE 11中工作,您可以在这里找到:
"@webcomponents/webcomponentsjs": "^2.0.0",