HTML 导入相对路径
HTML import relative path
我正在编写 Web 组件。因此，我有一个 index.html，我在其中导入 Web 组件：
<link rel="import" href="components/test.html">
如您所见，我将该组件放在与 index.html 相关的特定文件夹中。现在，当我想从组件文件夹中的 test.html 访问资源时。我想这样做：
background-image: url("test.gif");
对于 css 或：
<img src="test.gif">
但它不起作用。仅当我将图像的相对路径更改为 index.html 时才有效，例如：
<img src="components/test.gif">
我知道你可以像 document.currentScript.baseURI 这样的技巧，但我想写简单的 CSS 和 HTML。有简单的方法吗？
您可能想看看 . Code is in src/standard/resolveUrl.html (snapshot) and src/lib/resolve-url.html (snapshot)。
不太漂亮。仅凭这一点，我推断在撰写本文时，您的问题的答案似乎是 "no, it isn't easy and there is no way to do it without using tricks".
我正在编写 Web 组件。因此，我有一个 index.html，我在其中导入 Web 组件：
<link rel="import" href="components/test.html">
如您所见，我将该组件放在与 index.html 相关的特定文件夹中。现在，当我想从组件文件夹中的 test.html 访问资源时。我想这样做：
background-image: url("test.gif");
对于 css 或：
<img src="test.gif">
但它不起作用。仅当我将图像的相对路径更改为 index.html 时才有效，例如：
<img src="components/test.gif">
我知道你可以像 document.currentScript.baseURI 这样的技巧，但我想写简单的 CSS 和 HTML。有简单的方法吗？
您可能想看看
不太漂亮。仅凭这一点，我推断在撰写本文时，您的问题的答案似乎是 "no, it isn't easy and there is no way to do it without using tricks".