Polymer 2.0:bower_components 的路径是如何解析的?

Polymer 2.0: How is the path to bower_components resolved?

这是我的文件结构:

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

下的文件

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

../../ 不会让我们从 my-listfilter 目录的上一级开始吗?谢谢。

这就是 polyserve 的魔力。

The local package is served at the URL /components/{bower-name}/, with files served from the current directory. Other packages are served at /components/{packageName} with files served from their directory under ./bower_components/.

https://github.com/Polymer/polyserve

也就是说,从当前目录到URL的映射(按优先顺序)

  1. bower_components/ 映射到 /components/
  2. *(其他所有内容)映射到 /components/my-listfilter/*,例如demo/index.html 映射到 /components/my-listfilter/demo/index.html(文字,my-listfilter,来自您的 bower.json)

为什么要麻烦演示子目录?

在将您的组件发布到 webcomponents.org 时,它通常被视为放置演示文件的地方。例如

以下lines will generate Demo links under <app-route> on its component page.

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