gulp-changed / gulp-newer + gulp-rename不起作用

作者: Mystery☀
发布时间: 2024-04-18 04:28:18 (7天前)
转自：

3 条回复

0#
回复此人
star*위위 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 所有文件都经过处理，因为 <code> gulp-changed </code> （要么 <code> gulp-newer </code> ）在您的任务中检查名称为的文件的更改 <code> gulp.src(img_src) </code> 。而且因为有 <code> img_dest </code> dir没有原始名称的文件，任务将被执行的所有文件 <code> img_src </code> DIR。 </p> <P> 要解决此问题，可以使用暂存目录来修改文件。例如： </p> <P> 1）创建新目录'_resize'。 </p> <P> 2）修改gulpfile.js： </p> <pre> <code> var img_resize = '_resize'; gulp.task( 'resize-xl', function () { return gulp.src( img_src ) .pipe( changed( img_resize ) ) // add here your image plugins: imageResize, imagemin, .. // save the modified files with original names on '_resize' dir .pipe( gulp.dest( img_resize ) ) .pipe( rename( { suffix: '-2048' } ) ) // save the modified files with new names on destanation dir .pipe( gulp.dest( img_dest ) ); } ); </code> </pre> <P> 首次运行后，此任务将仅处理新文件和已更改的文件 </p> </DIV>

编辑
1#
回复此人
荧惑 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你也可以在管道之前重命名你的文件 <EM> 变 </EM> 插件，以便插件获取具有新名称的源文件： </p> <pre> <code> gulp.task( 'resize-xl', function () { return gulp.src( img_src ) // change name first .pipe( rename( { suffix: '-2048' } ) ) .pipe( changed( img_dest ) ) // add here your image plugins: imageResize, imagemin, .. .pipe( gulp.dest( img_dest ) ); } ); </code> </pre> </DIV>

编辑

登录后才能参与评论