2

我正在尝试使用此代码在电子应用程序中压缩单个 PNG 图像

  const files = await imagemin([filePath], {
    destination: destinationPath,
    plugins: [
      imageminPngquant({
        quality: [0.2, 0.4],
        speed: 1
      })
    ]
  });
  debuglog(files);

filePath 包含 PNG 文件的完整路径，例如

C:\Users\name\Downloads\images\needle.png

该文件确实存在，并且路径是正确的：当我将相同的路径放入 Windows 资源管理器时，png 打开。

destinationPath 包含指向 .png 文件所在目录的路径（换句话说，我想覆盖原始文件），例如

C:\Users\name\Downloads\images

当我运行它时，原始文件保持不变，函数调用返回的变量“files”包含一个空数组。

我究竟做错了什么？有没有办法让调试输出告诉我 imagemin 到底在做什么？

更新：这是一个具体的例子。代码如下所示：

  console.log("compressPNG");
  console.log(filePath);
  console.log(path);
  var files = await imagemin([filePath], {
    destination: path,
    plugins: [
      imageminPngquant({
        quality: [0.2, 0.4],
        speed: 1
      })
    ]
  });
  console.log(files);

这会产生以下日志输出：

运行图像压缩代码的日志输出

4

1 回答 1

1

此错误报告表明您需要将反斜杠 ( \) 转换为正斜杠 ( /)。

根据其中一位评论者的globby说法，imagemin依赖的包需要使用正斜杠 ( /) 作为分隔符的文件路径。

这是一个完整的例子：

const imagemin = require("imagemin");
const imageminPngquant = require("imagemin-pngquant");

let input_path = "C:\\path\\to\\file.png";
let output_dir = "C:\\output\\directory";

// Replace backward slashes with forward slashes      <-- Option A
input_path = input_path.replace(/\\/g, "/");
output_dir = output_dir.replace(/\\/g, "/");

(async () => {
  var files = await imagemin([input_path], {
    destination: output_dir,
    // glob: false,                                   <-- Option B
    plugins: [
      imageminPngquant({
        quality: [0.2, 0.4],
        speed: 1
      })
    ]
  });
  console.log(files);
})();

或者，设置glob: false也应该有助于接受 Windows 文件路径，因为它绕过了globby模块的使用。

于 2020-09-12T17:09:23.623 回答