50 lines
1.5 KiB
JavaScript
50 lines
1.5 KiB
JavaScript
|
const fs = require('fs');
|
|||
|
|
const path = require('path');
|
|||
|
|
const imagemin = require('imagemin');
|
|||
|
|
const imageminPngquant = require('imagemin-pngquant');
|
|||
|
|
|
|||
|
|
// 源目录和目标目录
|
|||
|
|
const srcDir = path.join(__dirname, 'src', 'assets');
|
|||
|
|
const destDir = path.join(__dirname, 'src', 'assets'); // 直接覆盖原文件
|
|||
|
|
|
|||
|
|
// 优化PNG图片的函数
|
|||
|
|
async function optimizePng() {
|
|||
|
|
try {
|
|||
|
|
console.log('开始优化PNG图片...');
|
|||
|
|
|
|||
|
|
// 读取源目录下的所有PNG图片
|
|||
|
|
const files = await imagemin([`${srcDir}/*.png`], {
|
|||
|
|
destination: destDir,
|
|||
|
|
plugins: [
|
|||
|
|
imageminPngquant({
|
|||
|
|
quality: [0.6, 0.8] // 质量范围
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
console.log('PNG图片优化完成！');
|
|||
|
|
console.log('优化的文件:');
|
|||
|
|
|
|||
|
|
// 计算并显示优化前后的文件大小对比
|
|||
|
|
for (const file of files) {
|
|||
|
|
const srcPath = path.join(srcDir, path.basename(file.sourcePath));
|
|||
|
|
const destPath = file.destinationPath;
|
|||
|
|
|
|||
|
|
const srcStats = fs.statSync(srcPath);
|
|||
|
|
const destStats = fs.statSync(destPath);
|
|||
|
|
|
|||
|
|
const srcSize = srcStats.size;
|
|||
|
|
const destSize = destStats.size;
|
|||
|
|
const reduction = ((srcSize - destSize) / srcSize * 100).toFixed(2);
|
|||
|
|
|
|||
|
|
console.log(`${path.basename(file.sourcePath)}: ${(srcSize / 1024).toFixed(2)}KB → ${(destSize / 1024).toFixed(2)}KB (减少${reduction}%)`);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('优化PNG图片时出错:', error);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 执行优化
|
|||
|
|
optimizePng();
|