LessCss 导入因 url 和锚点失败

Question

我正在尝试导入 .less 文件并在我的主 less 文件中添加一些背景图像。代码是（客户端）：

@import "child";

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

从 URL 调用 Less 文件：

http://localhost/mywebsite#/root. 

Less 编译导入到：

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/child.less

背景图像 url 到：

http://localhost/mywebsite#/root//localhost/mywebsite#/root//mywebsite/image.png

Answer 1

如果没有实例，就很难确定代码加载的路径。

确保使用正确的路径加载文件：

<link rel="stylesheet/less" type="text/css" href="styles.less">

所有 .less CSS 值都将相对于该 URL 加载。

您还可以尝试使用：

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

如果所有其他方法都失败，您始终可以使用图像的绝对路径

.image{
    background-image:url("http://localhost/mywebsite#/root/image.png");
}