使用未发布的 Polymer2 自定义元素答案

【问题标题】：Use unpublished Polymer2 custom elements使用未发布的 Polymer2 自定义元素
【发布时间】：2018-06-24 22:48:50
【问题描述】：

我是使用 Polymer 2 的新手。我创建了两个自定义元素，我们称它们为<a-elem> 和<b-elem>。我想在一个名为<c-elem> 的新元素中同时使用这两个元素。所以在开发<c-elem> 时，我不能只是bower install --save a-elem b-elem，因为这些还没有在线发布。但在一起测试所有内容之前，我不想发布它们。我可以复制他们的目录并将它们粘贴到 c-elem 的 /bower_components 文件夹中，但由于 /bower_components 是一个生成的文件夹，它不会被推送到私人 git 存储库，所以每当同事想要使用 c-elem 时，他会错过这些依赖关系。请记住，我对 Web 开发非常陌生，并且希望遵循最佳实践，所以这对你们中的一些人来说可能是一个简单的答案。经过几个小时的研究，我找不到任何“聚合物的做法”。所以也许只是创建一个文件夹 /lib 并将它们复制到那里？但是我对a-elem 和b-elem 所做的所有更改都不会更改c-elem 中的副本。

如何以正确的方式将a-elem 和b-elem 包含到c-elem（最好是设置依赖项）？

编辑：另外，如果解决方案是将元素复制到 /lib 文件夹中，c-elem 演示中的 html 导入将完全错误。所以我必须创建一个完全不同的a-elem 和b-elem 版本。这不可能是唯一的方法。

【问题讨论】：

标签： javascript dependencies polymer-2.0

【解决方案1】：

在这篇帖子bower registering local git package中找到了答案。

这不是 Polymer 的东西，而更像是凉亭的东西。所以搜索“聚合之道”自然是没有任何用处。现在我会在c-elem的 bower.json 文件中包含这样的本地 git 存储库：

{
  "name": "c-elem",
  "description": "Description to c-elem",
  "main": "c-elem.html",
  "dependencies": {
    "polymer": "Polymer/polymer#^2.0.0",
    "b-elem": "C:/local/path/to/b-elem/.git",
    "a-elem": "C:/local/path/to/c-elem/.git""
  },
  "devDependencies": {
    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^2.0.0",
    "web-component-tester": "Polymer/web-component-tester#^6.0.0",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
  },
  "resolutions": {
    "polymer": "^2.0.0"
  }
}

这样bower install 会将自定义元素保存在 /bower_components 文件夹中，bower update 将在提交到 git 存储库时刷新依赖项。

我必须在设置时将其更改为使用私有 git 存储库，但可能只需将本地路径更改为 url 或类似的东西就可以了。如果您确切地知道如何做到这一点，我欢迎您发表评论:)

【讨论】：