使用Gulp复制图片出现文件损坏问题，寻求解决方案

核心原因与对应修复方法： #

• 二进制文件编码处理错误
  Gulp 默认会以 UTF-8 编码读取文件，这会破坏图片这类二进制文件。在 gulp.src 中添加 { encoding: null } 参数，强制以二进制模式读取文件：

gulp.task('default', function () {
    return gulp.src('./img/*.*', { encoding: null })
        .pipe(gulp.dest('./image'));
});

• CLI与本地Gulp版本严重不兼容
  你当前使用的 CLI 3.0.0 和本地 Gulp 5.0.0 版本跨度太大，API 存在不兼容问题。可以选择：

  • 升级 CLI 到与本地版本匹配：

    npm install -g gulp-cli@latest
    

  • 或降级本地 Gulp 到与 CLI 兼容的版本（如 3.9.1）：

    npm install gulp@3.9.1 --save-dev
    

• 文件权限或写入不完整
  确保目标文件夹 ./image 有足够的写入权限，尝试以管理员/超级用户身份运行命令行执行 Gulp 任务，避免因权限不足导致文件写入中断。

• 通配符匹配范围过宽
  *.* 可能匹配到非二进制文件，干扰处理流程。明确指定图片扩展名，缩小匹配范围：

gulp.task('default', function () {
    return gulp.src('./img/*.{png,jpg,jpeg,gif}', { encoding: null })
        .pipe(gulp.dest('./image'));
});

内容的提问来源于stack exchange，提问作者Alim