Node使用imagemin转图片为WebP提示成功但无输出文件如何解决

核心问题是imagemin v8 版本的API发生了破坏性变更，你使用的是v7及更早版本的传参写法，导致输出路径没有被正确识别，所以没有生成文件但控制台仍然打印成功提示。

1. 核心API变更说明 #

imagemin 8.x版本中，第二个参数不再直接接收输出文件夹路径，而是统一传入配置对象，输出路径需要写到配置的destination字段中。

2. 修正后的代码 #

import imagemin from "imagemin";
import webp from "imagemin-webp";

const outputFolder = "./FSS-assets/webp";            // 输出文件夹
const PNGImages = "./FSS-assets/*.png";         // PNG匹配规则
const JPEGImages = "./FSS-assets/*.jpg";        // JPG匹配规则

// 处理PNG图片
imagemin([PNGImages], {
  destination: outputFolder, // 输出路径写入配置项
  plugins: [webp({
      lossless: true // 无损压缩
  })]
}).then(function(files) {
  console.log("PNG转换完成，处理文件数：", files.length);
});

// 处理JPEG图片
imagemin([JPEGImages], {
  destination: outputFolder,
  plugins: [webp({
    quality: 65 // 压缩质量0-100
  })]
}).then(function(files) {
  console.log("JPEG转换完成，处理文件数：", files.length);
});

3. 其他排查点 #

如果修正API写法后仍然异常，可以按以下步骤排查：

• 检查输入路径的通配符是否匹配到了实际文件：确认目标目录下是否存在.png/.jpg后缀的文件，要是有.jpeg后缀的文件，需要额外新增匹配规则./FSS-assets/*.jpeg
• 确认输出文件夹的写入权限：Windows下如果项目放在C盘系统目录可能有权限限制，可将项目移到普通用户目录测试，也可以手动先创建好./FSS-assets/webp文件夹再运行脚本
• 打印返回的files数组判断问题：如果数组为空说明没有匹配到输入文件，如果有值说明文件处理成功，再针对性排查输出路径配置问题
• 注意Windows路径分隔符格式：脚本内尽量统一使用正斜杠作为路径分隔符，不要使用反斜杠避免转义异常

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