Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 吞咽和相关路径问题_Css_Sass_Gulp_Relative Path - Fatal编程技术网

Css 吞咽和相关路径问题

Css 吞咽和相关路径问题,css,sass,gulp,relative-path,Css,Sass,Gulp,Relative Path,我有一个从scss到css构建的吞咽任务(包括与其他库的独立.css文件合并): 除了一件事,一切都很好 如果我将scss文件样式与相对路径放在一起,如下所示: div { background: url("/assets/icons/checked.svg") 50% 50% no-repeat; } 它将转换为css,如下所示: div { background: url(../../assets/icons/checked.svg) 50% 50% no-repeat; } 这

我有一个从scss到css构建的吞咽任务(包括与其他库的独立.css文件合并):

除了一件事,一切都很好

如果我将scss文件样式与相对路径放在一起,如下所示:

div {
  background: url("/assets/icons/checked.svg") 50% 50% no-repeat;
}
它将转换为css,如下所示:

div {
  background: url(../../assets/icons/checked.svg) 50% 50% no-repeat;
}
这些“....”让我发疯:我不知道为什么在从SCS到css的转换过程中,我的相对路径会发生这样的变化,以及如何防止这种变化


如果有人能帮助我,我会非常高兴。

所以问题在于咕噜咕噜咕噜的css。默认情况下,它会重新设置相对URL的基础。要关闭此选项,我们需要添加:

.pipe(concat('styles.css', {rebaseUrls: false}))
在那之后,所有的URL都不会被改变

.pipe(concat('styles.css', {rebaseUrls: false}))