Gulp.js - 在连接时重写嵌入在css中的URL

时间:2014-02-03 14:31:21

标签: javascript css gulp

我正在使用Gulp来连接来自不同目录的几个css文件(Bower托管依赖项)。 Font-awesome是这些依赖项之一,它包含对其字体url(../font....)的相对引用。当css文件连接并放在不同的目录中时,这个相对url显然是错误的。处理这个问题有最好的做法吗?

2 个答案:

答案 0 :(得分:5)

您可以使用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

答案 1 :(得分:1)

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

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