Css 吞咽和相关路径问题
我有一个从scss到css构建的吞咽任务(包括与其他库的独立.css文件合并): 除了一件事,一切都很好 如果我将scss文件样式与相对路径放在一起,如下所示: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; } 这
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}))