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

Gulp.js - Rewrite urls embedded in css while concatenating(Gulp.js - 在连接时重写嵌入在 css 中的 url)

本文介绍了Gulp.js - 在连接时重写嵌入在 css 中的 url的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I'm using Gulp to concatenate several css files from different directories (Bower managed dependencies). Font-awesome is one of these dependencies and it contains a relative reference to its fonts url(../font....). When the css file is concatenated and placed in a different directory this relative url will obviously be wrong. Is there a best practice for dealing with this?

推荐答案

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

Another option is gulp-css-rebase-urls which was built to address this problem.

https://www.npmjs.com/package/gulp-css-变基网址

这篇关于Gulp.js - 在连接时重写嵌入在 css 中的 url的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Gulp.js - 在连接时重写嵌入在 css 中的 url

基础教程推荐