Polymer CLI:构建组件页面

时间:2016-09-21 17:31:39

标签: polymer polymer-1.0 web-component polymer-cli

使用polymer init您可以创建一个元素项目,并使用polymer serve您可以提供组件页面(显示文档和演示)。

要提供服务,Polymer CLI会执行一些路径重映射,因为导入标记与项目结构不匹配。来自文档:

  

当你运行聚合物服务时,bower_components中的所有元素都是   重新映射到相对于my-el的兄弟目录中。该   当前元素由/ components / bower的组成路径提供   name,其中bower name是元素项目中的name字段   bower.json文件。

构建组件页面的适当方法是什么,以便其他Web服务器可以提供服务?

我应该移动文件以使它们与参考文献匹配,还是有更好的方法?

1 个答案:

答案 0 :(得分:3)

有一个工具可以将组件页面部署到github页面 来自docs

  

在下面的命令中,替换为您的GitHub用户名,并使用   您的GitHub存储库名称。

  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#rtNavbar" aria-expanded="false">
     

这将创建一个新的gh-pages分支(或克隆并清除当前   一)然后将元素的可共享版本推送给它。看你的   新发布的文档,指向浏览器:

# git clone the Polymer tools repository somewhere outside of your 
# element project
git clone git://github.com/Polymer/tools.git

# Create a temporary directory for publishing your element and cd into it
mkdir temp && cd temp

# Run the gp.sh script. This will allow you to push a demo-friendly
# version of your page and its dependencies to a GitHub pages branch
# of your repository (gh-pages). Below, we pass in a GitHub username
# and the repo name for our element
../tools/bin/gp.sh <username> <test-element>

# Finally, clean-up your temporary directory as you no longer require it
cd ..
rm -rf temp