-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite-plugin-image-compression.ts
54 lines (47 loc) · 1.53 KB
/
vite-plugin-image-compression.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// vite-plugin-image-compression.ts
import { promises as fs } from "fs";
import { join } from "path";
import imagemin from "imagemin";
import imageminPngquant, {
Options as PngQuantOptions,
} from "imagemin-pngquant";
import imageminMozjpeg, { Options } from "imagemin-mozjpeg";
import { Plugin as VitePlugin } from "vite";
interface ImageCompressionPluginOptions {
pngquantOptions?: PngQuantOptions;
mozjpegOptions?: Options;
}
function imageCompressionPlugin(
options: ImageCompressionPluginOptions = {}
): VitePlugin {
const defaultPngquantOptions: PngQuantOptions = {
quality: [0.6, 0.8],
};
const defaultMozjpegOptions: Options = { quality: 75 };
const config = {
plugins: [
imageminPngquant(options.pngquantOptions || defaultPngquantOptions),
imageminMozjpeg(options.mozjpegOptions || defaultMozjpegOptions),
],
};
return {
name: "image-compression",
async writeBundle(_, output: any) {
const assetsPath = join(output.dir, "assets");
const imageFiles = await fs.readdir(assetsPath);
const compressedImages = imageFiles.filter((file) =>
/\.(jpe?g|png)$/i.test(file)
);
for (const imageFile of compressedImages) {
const inputPath = join(assetsPath, imageFile);
const outputPath = join(assetsPath, "compressed");
await fs.mkdir(outputPath, { recursive: true });
await imagemin([inputPath], {
destination: outputPath,
plugins: config.plugins,
});
}
},
};
}
export default imageCompressionPlugin;