使用未发布的 Polymer2 自定义元素
Use unpublished Polymer2 custom elements
我是 Polymer 2 的新手。
我创建了两个自定义元素,我们称它们为 <a-elem>
和 <b-elem>
。我想在一个名为 <c-elem>
的新元素中同时使用这两个元素。
所以在开发 <c-elem>
时我不能只是 bower install --save a-elem b-elem
因为这些还没有在线发布(还)。但在一起测试所有内容之前,我不想发布它们。我可以复制它们的目录并将它们粘贴到 c-elem
的 /bower_components 文件夹中,但是由于 /bower_components 是一个生成的文件夹,它不会被推送到私有 git repo,因此每当同事想要使用 c-elem
时,他都会缺少这些依赖项。请记住,我是网络开发的新手,想遵循最佳实践,所以这对你们中的一些人来说可能是一个简单的答案。研究了几个小时后,我找不到任何 "Polymer way of doing it"。所以也许只是创建一个文件夹 /lib 并将它们复制到那里?但是我对 a-elem
和 b-elem
所做的所有更改都不会更改 c-elem
.
中的副本
如何以正确的方式将 a-elem
和 b-elem
包含到 c-elem
中(最好设置依赖项)?
编辑:另外,如果解决方案只是将元素复制到 /lib 文件夹中,则 c-elem
演示中的 html 导入将是完全错误的。所以我必须创建一个完全不同的 a-elem
和 b-elem
版本。这不是唯一的方法。
在这个 post bower registering local git package 中找到了答案。
这不是 Polymer 的东西,而是更像是凉亭的东西。所以搜索 "Polymer way" 自然没有用到任何东西。现在,我将像这样在 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 或类似的路径即可.如果您确切地知道如何执行此操作,欢迎发表评论:)
我是 Polymer 2 的新手。
我创建了两个自定义元素,我们称它们为 <a-elem>
和 <b-elem>
。我想在一个名为 <c-elem>
的新元素中同时使用这两个元素。
所以在开发 <c-elem>
时我不能只是 bower install --save a-elem b-elem
因为这些还没有在线发布(还)。但在一起测试所有内容之前,我不想发布它们。我可以复制它们的目录并将它们粘贴到 c-elem
的 /bower_components 文件夹中,但是由于 /bower_components 是一个生成的文件夹,它不会被推送到私有 git repo,因此每当同事想要使用 c-elem
时,他都会缺少这些依赖项。请记住,我是网络开发的新手,想遵循最佳实践,所以这对你们中的一些人来说可能是一个简单的答案。研究了几个小时后,我找不到任何 "Polymer way of doing it"。所以也许只是创建一个文件夹 /lib 并将它们复制到那里?但是我对 a-elem
和 b-elem
所做的所有更改都不会更改 c-elem
.
如何以正确的方式将 a-elem
和 b-elem
包含到 c-elem
中(最好设置依赖项)?
编辑:另外,如果解决方案只是将元素复制到 /lib 文件夹中,则 c-elem
演示中的 html 导入将是完全错误的。所以我必须创建一个完全不同的 a-elem
和 b-elem
版本。这不是唯一的方法。
在这个 post bower registering local git package 中找到了答案。
这不是 Polymer 的东西,而是更像是凉亭的东西。所以搜索 "Polymer way" 自然没有用到任何东西。现在,我将像这样在 c-elem
:
{
"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 或类似的路径即可.如果您确切地知道如何执行此操作,欢迎发表评论:)