Gulp：使用gulp + stylus +子文件夹中的图像正确移动和转换背景图像网址？

Question

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

中删除图像

实施例 来源/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处理后的gulp中得到这个：

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 / SASS源文件，您只需使用最终的URL路径而不是未处理的URL路径。