Gulp.js - 在連接時重寫嵌入在css中的URL

Question

我正在使用Gulp連接來自不同目錄的幾個css文件（Bower托管依賴項）。 Font-awesome是這些依賴項之一，它包含對其字體url(../font....)的相對引用。 當css文件連接並放在不同的目錄中時，這個相對url顯然是錯誤的。 處理這個問題有最好的做法嗎？

Answer 1

你可以使用gulp-replace。 https://npmjs.org/package/gulp-replace

**gulp-replace can be called with a string or regex.**

*replace(string, replacement)*

string

Type: String

The string to search for replacement

Type: String

The replacement string.

*replace(regex, replace)*

Note: gulp-replace cannot perform regex replacement on streams.

regex

Type: RegExp

你也可以使用gulp-frep

Answer 2

另一種選擇是gulp-css-rebase-urls，它是為解決這個問題而構建的。

https://www.npmjs.com/package/gulp-css-rebase-urls