聚合物元素与非聚合物网站一起使用吗？

Question

简单的问题，但我可以使用聚合物构建一个单页表单，该表单可以通过 CTA 按钮从非聚合物网站启动吗？

我需要此表单以 json 格式存储值，然后通过解析该 json 数据在我的聚合物 Web 应用程序中填充数据表。

因此，一旦我构建了我的聚合物表单页面，我将把它封装在这个 CTA 按钮中，点击该按钮会启动页面。此 CTA 需要分布在多个客户端站点上，因此我无法控制的“第三方”站点。

我怎样才能烘烤聚合物所需的进口，以便它可以在他们的网站上运行？

Answer 1

您可以在表单元素中包含所有必要的导入，包括 Polymer。但是您必须在 CTA 按钮中导入两个文件

1. 您的表单元素
2. Polyfill webcomponent-lite

有两种方法可以让您在元素中访问所有 Polymer 文件

1. 您可以使用cdn 调用polymer.html 等文件
2. 更好的方法是将vulcanize 包括您的元素在内的所有必需文件放入一个文件中（或者如果您也使用crisper，则两个一个用于html，一个用于js），这样客户端就没有负载来获取资源。

Webcomponent-lite.min.js 您必须保留在硫化文件之外。

因此，到目前为止，您必须将至少 3-4 个（CTA 按钮、webcomponents-lite、您的硫化元素）文件的包导出到您的客户端。

这应该可以解决问题。