网页包css加载程序忽略svg定义URL(&svg)

网页包css加载程序忽略svg定义URL(&svg),svg,less,webpack,Svg,Less,Webpack,我在一个带有css加载器的项目中使用WebPack 此项目中的SVG元素具有标记定义,这些标记在样式表中分配如下: 标记定义: <defs> <marker id="line-marker"> <circle cx="6" cy="6" r="5"></circle> </marker> </defs> 我在样式中使用标记,因为我不想弄乱我正在使用的图表库,但是css加载程序在URL上中断

我在一个带有css加载器的项目中使用WebPack

此项目中的SVG元素具有标记定义,这些标记在样式表中分配如下:

标记定义:

<defs>
    <marker id="line-marker">
        <circle cx="6" cy="6" r="5"></circle>
    </marker>
</defs>
我在样式中使用标记,因为我不想弄乱我正在使用的图表库,但是css加载程序在URL上中断


是否有一种方法可以忽略这些规则中的某些URL值,或者有另一种方法可以防止加载程序失败?

因此这似乎是一个不太重要的问题

如果引用是在一个文件中进行的,而该文件不在less入口点的顶层进行处理,则url将被加在前面

我在GitHub上报告了这个问题:

作为一种解决方法,您可以在顶层文件夹的较少文件中使用这些规则,并且uri将保持不变。

是否使用-relative url选项编译?如果是这样,则结果是预期的,因为此选项特别指示将任何url更改为与所使用url的文件相关,在这种特定情况下,Less无法知道此标记mid url与生成的CSS文件完全无关

因此,作为一种解决方法,您需要选择以下选项之一:

关闭相对url 从Less隐藏url,即:marker mid:~urlline marker; 从那里完全删除url,即:marker mid:“line marker”;-虽然我不确定这种方式是否能保持符合标准
您好@seven Phase max,相对路由已禁用,但我将给出隐藏URL的建议。谢谢你的建议!
path.nv-line {
  marker-mid: url('#line-marker');
}