javascript - 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