gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 10:28:42 25 4
gpt4 key购买 nike

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

前来源/images/X/Y/Z/abc.png分布/图像/abc.png

主样式

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')

感谢您的帮助谢谢!

最佳答案

我在脑海中猜测是这样的,但是您可能会遇到同名但位于不同目录中的文件的问题:

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 路径。

关于css - Gulp:使用 gulp + 手写笔 + 子文件夹中的图像正确移动和转换背景图像 url?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36656550/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com