如何通过处理更改css文件位置后更改相对URL

Question

对于典型的网络项目，我们可能会使用gulp/webpack将js/css打包（压缩）到 dest 目录。但图像不需要压缩。因此导致问题：如果我使用背景图像的相对路径，则图像和css之间的相对路径会发生变化background-image:url(images/header_title.jpg)会获得 404 。

其他网站处理的是什么？感谢任何建议！

Answer 1

结帐css-url-adjuster或css-rebase-urls。它们都会改变，例如

$sql = "SELECT table_name from information_schema.tables";
$stmt = sqlsrv_query( $conn, $sql);
//$count = sqlsrv_num_rows($stmt);                  
while($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC) ){
 echo "<option value=".$row['table_name'].">".$row['table_name']."</option>";
}

指定您指定的内容，例如：

background-image: url('coolImage.jpg'); 

[来自gulp-css-url-adjuster docs]。

您只需告诉插件您想要的新相对网址。

background-image: url('/image_directory/coolImage.jpg?version=1');