chore: support squoosh success

Author: ErKeLost

playground/package.json

@@ -19,7 +19,7 @@
     "@vitejs/plugin-vue": "^3.2.0",
     "typescript": "^4.6.4",
     "unplugin-imagemin": "workspace:*",
-    "vite": "^3.2.3",
+    "vite": "^4.0.3",
     "vue-tsc": "^1.0.9"
   }
 }

playground/vite.config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
       // beforeBundle: true,
       // // beforeBundle: false,
       // mode: 'sharp',
-      mode: 'squoosh',
+      // mode: 'squoosh',
       // compress: {
       //   // jpeg: {
       //   //   quality: 1,

pnpm-lock.yaml

@@ -265,7 +265,7 @@ export const sharpOptions: any = {
 };
 
 export const resolveDefaultOptions = {
-  mode: 'sharp',
+  mode: 'squoosh',
   conversion: [],
   beforeBundle: true,
   cache: false,

src/core/compressOptions.ts

@@ -256,16 +256,19 @@ export default class Context {
     const baseDir = basename(item, extname(item));
     const { cacheDir, assetsDir } = this.config;
     const imageName = `${baseDir}.${generateSrc}`;
-    const cachedFilename = join(cacheDir, imageName);
+    // const cachedFilename = join(cacheDir, imageName);
     const encodedWith = await image.encodedWith[type!];
     newSize = encodedWith.size;
+    // TODO cache
     // if (!(await exists(cachedFilename))) {
-    await fs.writeFile(cachedFilename, encodedWith.binary);
+    // console.log(cachedFilename);
+    // await fs.writeFile(cachedFilename, encodedWith.binary);
     // }
     const source = {
       fileName: join(assetsDir, imageName),
       name: imageName,
-      source: (await fs.readFile(cachedFilename)) as any,
+      // source: (await fs.readFile(cachedFilename)) as any,
+      source: encodedWith.binary,
       isAsset: true,
       type: 'asset',
     };

src/core/context.ts

@@ -24,7 +24,7 @@ export const bgCyan = (res: string | number) => colorResult(res, 'bgCyan');
 // eslint-disable-next-line max-params
 export function compressSuccess(filePath, newSize, oldSize, start) {
   console.log(
-    chalk.blue(filePath),
+    chalk.blue(filePath.replace('/', '')),
     chalk.yellow(size(oldSize).toString()),
     '➡️',
     chalk.green(size(newSize).toString()),