使用Gulp处理css文件时如何修复图片网址?

时间:2015-06-21 10:21:43

标签: javascript css gulp

这是我设置的Gulp任务。它连接,缩小和重命名一堆css文件。

gulp.task(' process-css',function(){

ngettext

});

问题是源文件中存在硬编码的img url(存在于var files = [ 'themes/rubbish_taxi/css/bootstrap.css', 'themes/rubbish_taxi/css/custom.css', 'themes/rubbish_taxi/css/responsive.css', 'themes/rubbish_taxi/css/jquery.fancybox.css' ]; return gulp.src(files) .pipe(sourcemaps.init()) .pipe(concat("main.css")) .pipe(minifyCSS()) .pipe(rename(function(path) { path.basename += ".min"; })) .pipe(sourcemaps.write('sourcemaps/')) .pipe(gulp.dest('themes/my_theme/css/dist/')); 中)所以当我处理这些文件然后将它们输出到子目录(css/)中时,网址被破坏,图像不显示在网站上(404返回)。

如何让Gulp重写输出文件中的img url以解决此问题?

1 个答案:

答案 0 :(得分:2)

您可以使用插件,例如 gulp-replace https://www.npmjs.com/package/gulp-replace)来替换任何给定文件中的任意字符串,它应该可以解决您的问题;)