如何在通過處理更改css文件位置後更改相關url地址

Question

對於一個典型的web項目，我們可能使用gulp/webpack將js/css打包（壓縮）到012irdest dir。但圖像0​​不需要compressing.So導致一個問題：圖像和css之間的相對路徑被改變，如果我使用相對路徑爲背景圖像像background-image:url(images/header_title.jpg)將得到。

其他網站處理的是什麼？感謝您的任何建議！

Answer 1

退房css-url-adjuster或css-rebase-urls。他們都將發生變化，例如

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

到你指定的東西，如：

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

[從一飲而盡，CSS-URL-調節文檔。

你只是告訴插件你想要的新的相對URL。

gulp.task('default', function() { 
    return gulp.src('style.css') 
    .pipe(urlAdjuster({ 
     replace: ['/old/path','/new/path], 
    })) 
    .pipe(gulp.dest('modifiedStyle.css')); 
});