Gulp：使用 gulp + 手写笔 + 子文件夹中的图像正确移动和转换背景图像 url？

Question

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

中删除

例如来源 /images/X/Y/Z/abc.png 距离 /images/abc.png

main.styl

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

main.css - 这就是我要找的：

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

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

Gulp：使用 gulp + 手写笔 + 子文件夹中的图像正确移动和转换背景图像 url？

Gulp: moving and converting background-images url correctly using gulp + stylus + images from sub folders?

css

gulp

stylus