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