Stenciljs - 背景图片 css 路径

Question

我试图在我的 scss 文件中添加背景图片，但我无法让它工作。

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

  background-image: url('./assets/images/Square.svg');
Run Code Online (Sandbox Code Playgroud)

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

这不是我的组件路径。

我尝试添加“/dist/collection/assets/images”但没有用

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

Answer 1

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

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

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

这应该有效。我已经尝试过了，这是有效的。