如何发布 Polymer 3.x 自定义元素?

How to publish Polymer 3.x custom element?

我在学习polymer3.x。我做了一个虚拟的聚合物元素。现在我想知道如何在线发布并在其他一些框架中使用它(例如:angular app)。

我完成了 https://www.webcomponents.org

中提到的要求

但是在执行“preview element”时,我从 Polymer 版本 3 得到了 Error - 12: Missing bower.json. Currently, only Bower is supported.,Polymer 团队建议使用 npm 而不是 Bower

如何发布我的聚合物元素,以便我可以在另一个应用程序(如 Angular 应用程序)中使用它?

更新 2

You can now publish your element on NPM and then use the web components page to publish it on the site


更新 1

尚不支持在 webcomponents.org 中发布聚合物 3 元素,它在路线图

According to Polymer team:

The element catalog at webcomponents.org will be updated to support elements built with modules and distributed via npm.

但您仍然可以在 npm

上发布您的元素

See How to Publish & Update a Package on npm

您已经可以将元素published on npm添加到webcomponents.org,只是预览功能不起作用

在 npm 上发布后,您只需在 publish page

上输入您的包的名称

一个"problem"我有运行,就是你的package.json里必须有一个repository字段,否则webcomponents.org不会接受它,比如:

"repository": {
  "type": "git",
  "url": "https://github.com/your-name/your-package.git"
},