feat: add more log in development env

Author: Donaldcwl

lib/image-compression.js

@@ -69,12 +69,17 @@ export default async function compress(file, options, previousProgress = 0) {
 
   const origExceedMaxSize = tempFile.size > maxSizeByte;
   const sizeBecomeLarger = tempFile.size > file.size;
-  // console.log('original file size', file.size)
-  // console.log('current file size', tempFile.size)
+  if (process.env.BUILD === 'development') {
+    console.log('original file size', file.size);
+    console.log('current file size', tempFile.size);
+  }
 
   // check if we need to compress or resize
   if (!origExceedMaxSize && !sizeBecomeLarger) {
     // no need to compress
+    if (process.env.BUILD === 'development') {
+      console.log('no need to compress');
+    }
     setProgress(100);
     return tempFile;
   }
@@ -89,8 +94,10 @@ export default async function compress(file, options, previousProgress = 0) {
   while (remainingTrials-- && (currentSize > maxSizeByte || currentSize > sourceSize)) {
     const newWidth = origExceedMaxSize ? canvas.width * 0.95 : canvas.width;
     const newHeight = origExceedMaxSize ? canvas.height * 0.95 : canvas.height;
-    // console.log('current width', newWidth);
-    // console.log('current height', newHeight);
+    if (process.env.BUILD === 'development') {
+      console.log('current width', newWidth);
+      console.log('current height', newHeight);
+    }
     [newCanvas, ctx] = getNewCanvasAndCtx(newWidth, newHeight);
 
     ctx.drawImage(canvas, 0, 0, newWidth, newHeight);