fix: remove taskId with resultMap

Author: ErKeLost

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-imagemin",
-  "version": "0.6.9",
+  "version": "0.7.0",
   "description": "📦 📦 unplugin compression Image Compression plugin based on squoosh and svgo",
   "license": "MIT",
   "keywords": [

playground/src/App.vue

@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import Img from './assets/image/wallhaven-2ykjxm.png'
+const demo = new URL('./assets/image/wallhaven-2ykjxm.png', import.meta.url).href
 </script>
 
 <template>
   <div>
     <img style="width: 1200px" src="./assets/image/wallhaven-kxy326.png" alt="" />
     <img style="width: 1200px" src="./assets/image/wallhaven-x61xdo.jpg" alt="" />
-    <img :src="Img" alt="">
-    <router-link to="/home">Go to Home</router-link>
-    <router-link to="/about">Go to About</router-link>
-    <RouterView />
+    <img :src="demo" alt="">
+      <img :src="Img" alt="">
+        <!-- <router-link to="/home">Go to Home</router-link>
+        <router-link to="/about">Go to About</router-link>
+        <RouterView /> -->
   </div>
 </template>
 

playground/vite.config.ts

@@ -19,24 +19,31 @@ export default defineConfig({
   // publicDir: 'base/public',
   plugins: [
     vue(),
+    // imagemin({
+    //   // default true
+    //   cache: false,
+    //   // Default configuration options for compressing different pictures
+    //   compress: {
+    //     jpg: {
+    //       quality: 10,
+    //     },
+    //     jpeg: {
+    //       quality: 10,
+    //     },
+    //     png: {
+    //       quality: 10,
+    //     },
+    //     webp: {
+    //       quality: 10,
+    //     },
+    //   },
+    //   conversion: [
+    //     { from: 'jpeg', to: 'webp' },
+    //     { from: 'png', to: 'webp' },
+    //     { from: 'JPG', to: 'jpeg' },
+    //   ],
+    // }),
     imagemin({
-      // default true
-      cache: false,
-      // Default configuration options for compressing different pictures
-      compress: {
-        jpg: {
-          quality: 10,
-        },
-        jpeg: {
-          quality: 10,
-        },
-        png: {
-          quality: 10,
-        },
-        webp: {
-          quality: 10,
-        },
-      },
       conversion: [
         { from: 'jpeg', to: 'webp' },
         { from: 'png', to: 'webp' },

src/core/context.ts

@@ -152,7 +152,12 @@ export default class Context {
 
     this.startGenerateLogger();
     const spinner = await loadWithRocketGradient('');
-    const tasks = [];
+    const tasks: Array<
+      Promise<{
+        originFileName: string;
+        result?: { result: ProcessedResult };
+      }>
+    > = [];
 
     for (const [fileName, asset] of Object.entries(bundler)) {
       if (asset.type === 'asset' && extImageRE.test(fileName)) {
@@ -202,17 +207,21 @@ export default class Context {
     // biome-ignore lint/complexity/noForEach: <explanation>
     baseResult.forEach(({ originFileName, result }) => {
       if (result) {
-        fileNameMap.set(originFileName, result.result.fileName);
+        fileNameMap.set(originFileName, result.fileName);
       }
     });
 
-    let taskIndex = 0;
+    const resultMap = new Map(
+      baseResult
+        .filter((item) => item?.result)
+        .map((item) => [item.originFileName, item.result] as const),
+    );
     for (const [fileName, asset] of Object.entries(bundler)) {
       if (asset.type === 'asset' && extImageRE.test(fileName)) {
-        const result = baseResult[taskIndex++];
+        const result = resultMap.get(asset.fileName);
         if (result) {
-          asset.fileName = result.result.fileName;
-          asset.source = result.result.source;
+          asset.fileName = result.fileName;
+          asset.source = result.source;
         }
       }
     }