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

Question

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

我完成了https://www.webcomponents.org中提到的要求，

• 包含许可文件
• 标记版本
• 添加自述文件

但是在执行“预览元素”时，我得到了Error - 12: Missing bower.json. Currently, only Bower is supported. Error - 12: Missing bower.json. Currently, only Bower is supported. 从 Polymer 版本 3 开始，Polymer 团队推荐使用npm而不是Bower 。

如何发布我的聚合物元素，以便我可以在另一个应用程序（如 Angular 应用程序）中使用它？

Answer 1

更新 2

您现在可以在 NPM 上发布您的元素，然后使用 Web 组件页面将其发布到网站上

---

更新 1

尚不支持在webcomponents.org中发布 polymer 3 元素，它在路线图上

根据 Polymer 团队的说法：

将更新 webcomponents.org 上的元素目录以支持使用模块构建并通过 npm 分发的元素。

但是你仍然可以在npm上发布你的元素

查看如何在 npm 上发布和更新包

Answer 2

你已经可以将 发布在 npm上的元素添加到 webcomponents.org，只是预览功能不起作用

在 npm 上发布后，您只需在发布页面上输入您的包的名称

我遇到的一个“问题”是，您必须在package.json中有一个repository字段，否则 webcomponents.org 不会接受它，例如：

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