目标文件夹为空，imagemin webp 不工作

Question

imagemin([__dirname + 'images/raw/*.{jpg,png}'], {
    destination: __dirname + '/images/converted/',
    plugins: [
      imageminWebp({
        quality: 75,
        resize: {
          width: 1000,
          height: 0
        }
      })
    ]
  })
  .then(() => {
    console.log('Images optimized');
  })

代码运行良好，我收到消息 "Images optimized"，但目标文件夹是空的。代码没有任何反应。有人可以帮我解决这个问题吗？

Answer 1

问题出在您的输入路径上。 __dirname 去掉尾部的斜线，所以假设你的工作目录是 /Users/user/my-project，你最终会得到一个像这样的 glob：

/Users/user/my-projectimages/raw/*.{jpg,png}.

为了保持一致性，通常建议通过 path.join() 加入路径：

const path = require('path');
const inputPath = path.join(__dirname, 'images/raw/*.{jpg,png}');
// /Users/user/my-project/images/raw/*.{jpg,png}

目标文件夹为空，imagemin webp 不工作

Destination folder is empty, imagemin webp is not working

image-compression

node.js

webp

sharp