如何發布 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"
},