5

我试图在我的 scss 文件上添加背景图像，但我无法使其工作。

这是我的 scss 文件中的代码：

  background-image: url('./assets/images/Square.svg');

当我在我的其他应用程序上使用我的组件时，这是我得到的路径：

http://localhost:4200/assets/images/Square.svg

这不是我的组件路径。

我尝试添加“/dist/collection/assets/images”，但没有成功

我发现了这个错误报告https://github.com/ionic-team/stencil/issues/923 1 但它已关闭，似乎没有修复。

4

2 回答 2

3

您可以使用background:url(data:image/gif;base64,...base64 图像，而不是使用相对或绝对 url。

这是获取更多信息的 URL https://css-tricks.com/data-uris/

于 2019-09-18T17:25:44.740 回答
0

Stencil 默认复制 www 中的 assets 文件夹。

模板资产配置文档

我认为您可以从图像路径中删除 ./ 并直接在 scss 文件中引用图像。

background-image: url('assets/images/Square.svg');

这应该有效。我试过了，这很有效。

工作代码示例

于 2019-03-05T19:10:08.707 回答