Gulp：使用gulp + stylus +子文件夹中的图像正确地移动和转换background-images url？

Question

我们如何从子文件夹中移动某些文件并使用gulp + stylus +子文件夹中的图像正确地转换背景图像url？此外，如果我要删除图像，我需要从图像中删除图像...

Ex source /images/X/Y/Z/abc.png dist/images/abc.png

main.styl

background-image url('../images/X/Y/Z/abc.png') 

main.css的 - 这就是我在寻找：

background-image url('../images/abc.png') 

我不希望在我的处理后，一饮而尽得到这个css：

background-image url('../images/X/Y/Z/abc.png') 

感谢帮助谢谢！

Answer 1

我猜断我的头这样的事情上，但你可以用相同的名字的文件，但在不同的目录中遇到的问题：

var del = require('del'); 

gulp.task('images', function() { 
    del(['./dist/images/*']); 
    gulp.src('./images/**/*.{png,jpg,gif}').pipe(gulp.dest('./dist/images')); 
}); 

至于你的CSS /上海社会科学院源文件，您只需使用最终的URL路径而不是未处理的URL路径。