Gulp:使用 gulp + 手写笔 + 子文件夹中的图像正确移动和转换背景图像 url?
Gulp: moving and converting background-images url correctly using gulp + stylus + images from sub folders?
我们如何从子文件夹中移动某些文件并使用 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')
感谢帮助谢谢!
我猜想是这样的,但是您可能 运行 遇到同名但在不同目录中的文件的问题:
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 + 手写笔 + 子文件夹中的图像正确转换背景图像 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')
感谢帮助谢谢!
我猜想是这样的,但是您可能 运行 遇到同名但在不同目录中的文件的问题:
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 路径。