这是我设置的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以解决此问题?
答案 0 :(得分:2)
您可以使用插件,例如 gulp-replace (https://www.npmjs.com/package/gulp-replace)来替换任何给定文件中的任意字符串,它应该可以解决您的问题;)