Polymer 2.0：如何解决bower_components的路径？

Question

这是我的文件结构：

显示的index.html文件是 my-listfilter \ demo 下的文件。

怎么样？ <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html"> 解析到bower_components目录？

不会../../让我们在my-listfilter目录之上开始一个级别？谢谢。

Answer 1

这是polyserve的魔力。

  

本地包在URL / components / {bower-name} /中提供   从当前目录提供的文件。其他套餐包括在   / components / {packageName}，其文件位于其目录下   ./bower_components /.

https://github.com/Polymer/polyserve

换句话说，从当前目录到URL的映射（按优先级顺序）

1. bower_components / maps to / components /
2. *（其他所有内容）映射到/ components / my-listfilter / *，例如demo / index.html映射到/components/my-listfilter/demo/index.html（文字，my-listfilter，来自你的bower.json）

为什么要打扰一个演示子目录？

在将组件发布到webcomponents.org时，它通常被视为放置演示文件的地方。 e.g。

以下lines会在its component page上的<app-route>下生成演示链接。

@demo demo/index.html
@demo demo/data-loading-demo.html
@demo demo/simple-demo.html