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

Answer 2

另一个选项是 gulp-css-rebase-urls，它是为解决这个问题而构建的。

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