为什么 svg 图像不能在 vite 中使用 less 工作？

Question

语言：vue 3.0 |维特 |较少的 我在 less 代码中设置了一个 SVG 文件，如下所示

当我在 QTWebengine 中使用 vite 构建结果时，它显示 但这没有用。 但是如果我用这样的引号设置 url 值 svg 图像有效。

但我不知道如何使用 vie config 或 less config 在构建中执行此操作。 我在谷歌上找到了很多方法，但没有任何帮助我。谢谢大家~！

我尝试像这样设置背景图像值：

background-image: url(~'@/assets/images/i_arrow_left.svg');

@a: '@/assets/images/i_arrow_left.svg';
@url: 'url("@{a}")';
background-image: @url;

他们没有工作。

Answer 1

.background-image {
  background-image: url("../assets/image.png");
}

这个方法你试过吗？