Question

我在每个文件夹中都有一组文件夹和图像。如下所示：

+ Folder 1
     Image1.jpg
+ Folder 2
     Image1.jpg
+ Folder 3
     Image3.jpg
....

我尝试使用＆＃34; imagemin＆＃34;来优化文件夹内的所有图片。 node.js packag，代码如下：

    const imagemin = require('imagemin');
const imageminMozjpeg = require('imagemin-mozjpeg');
const imageminPngquant = require('imagemin-pngquant');

imagemin(['images/**/*.{jpg,png,jpeg,JPG,JPEG,PNG}'], 'images/dist', {
    plugins: [
        imageminMozjpeg(),
        imageminPngquant({quality: '20-35'})
    ]
}).then(files => {
    console.log(files);
    //=> [{data: <Buffer 89 50 4e …>, path: 'build/images/foo.jpg'}, …]
});

我可以使用单个文件夹作为目的地。有没有办法覆盖图像或保持相同的文件夹结构？

Answer 1

实际上，imagemin没有提供保存文件夹结构的参数。通过逐个压缩图像是一种解决方案，看看我的示例代码：

const imagemin = require('imagemin');
const imageminPngquant = require('imagemin-pngquant');
const globby = require('globby');
const path = require('path');

// here we got each pic path
globby('png/**/*.png', { nodir: true }).then(filePaths => {
    filePaths.forEach(filePath => {
        let fileDir = path.dirname(filePath);
        doCompress(filePath, 'out/' + fileDir);
    })
});

function doCompress(srcFile, outDir) {
    imagemin([srcFile], outDir, {
        use: [
            imageminPngquant({
                quality: '80',
                speed: 4
            })]
    }).then((ret) => {
        // todo something
    });
}

如何在保留文件夹结构的所有子文件夹中优化图像？

1 个答案: