feat: add special variable e.g., __buildVersion__

Author: Donaldcwl

lib/index.js

@@ -61,18 +61,22 @@ async function imageCompression(file, options) {
   // eslint-disable-next-line no-undef, no-restricted-globals
   const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
 
-  // if ((useWebWorker && typeof Worker === 'function') || inWebWorker) {
-  //   console.log('run compression in web worker');
-  // } else {
-  //   console.log('run compression in main thread');
-  // }
+  if (process.env.BUILD === 'development') {
+    if ((useWebWorker && typeof Worker === 'function') || inWebWorker) {
+      console.log('run compression in web worker');
+    } else {
+      console.log('run compression in main thread');
+    }
+  }
 
   if (useWebWorker && typeof Worker === 'function' && !inWebWorker) {
     try {
       // "compressOnWebWorker" is kind of like a recursion to call "imageCompression" again inside web worker
       compressedFile = await compressOnWebWorker(file, opts);
     } catch (e) {
-      // console.warn('Run compression in web worker failed:', e, ', fall back to main thread');
+      if (process.env.BUILD === 'development') {
+        console.warn('Run compression in web worker failed:', e, ', fall back to main thread');
+      }
       compressedFile = await compress(file, opts);
     }
   } else {
@@ -102,6 +106,6 @@ imageCompression.cleanupCanvasMemory = cleanupCanvasMemory;
 imageCompression.isAutoOrientationInBrowser = isAutoOrientationInBrowser;
 imageCompression.approximateBelowMaximumCanvasSizeOfBrowser = approximateBelowMaximumCanvasSizeOfBrowser;
 imageCompression.getBrowserName = getBrowserName;
-imageCompression.version = '1.0.15';
+imageCompression.version = __buildVersion__;
 
 export default imageCompression;

package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "eslint": "eslint lib test",
     "build": "rollup -c --environment BUILD:production",
-    "watch": "rollup -c -w",
+    "watch": "rollup -c -w --environment BUILD:development",
     "dev": "npm run watch",
     "test": "cross-env NODE_ENV=test nyc mocha",
     "posttest": "npm run coverage-badges",
@@ -47,8 +47,10 @@
     "@babel/polyfill": "^7.2.5",
     "@babel/preset-env": "^7.3.1",
     "@babel/register": "^7.0.0",
+    "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-node-resolve": "^11.0.1",
+    "@rollup/plugin-replace": "^3.0.0",
     "babel-plugin-istanbul": "^6.0.0",
     "canvas": "2.6.1",
     "chai": "^4.1.0",
@@ -61,15 +63,13 @@
     "istanbul": "^0.4.5",
     "jsdom": "^15.1.1",
     "make-coverage-badge": "^1.0.1",
-    "mocha": "7.1.0",
+    "mocha": "^9.0.3",
     "nyc": "^15.0.1",
     "rollup": "^2.8.0",
-    "rollup-plugin-babel": "^4.3.2",
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-license": "^2.0.0",
     "rollup-plugin-nodent": "^0.2.2",
-    "rollup-plugin-terser": "^5.0.0",
-    "rollup-plugin-uglify": "^6.0.2"
+    "rollup-plugin-terser": "^5.0.0"
   },
   "config": {
     "commitizen": {

rollup.config.js

@@ -1,37 +1,58 @@
-import babel from 'rollup-plugin-babel';
+import { babel } from '@rollup/plugin-babel';
 import { terser } from 'rollup-plugin-terser';
 import nodent from 'rollup-plugin-nodent';
 import license from 'rollup-plugin-license';
 import copy from 'rollup-plugin-copy';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
+import replace from '@rollup/plugin-replace';
 import path from 'path';
 
 const pkg = require('./package.json');
 
-const notExternal = [
-  'uzip',
-];
-const external = Object.keys(pkg.dependencies).filter((value) => !notExternal.includes(value));
+const isProduction = process.env.BUILD === 'production';
+
+const notExternal = ['uzip'];
+const external = Object.keys(pkg.dependencies).filter(
+  (value) => !notExternal.includes(value),
+);
+external.push(/@babel\/runtime/);
 
 const plugins = [
-  nodent({ noRuntime: true, promises: true }),
-  babel(),
-  terser({
-    keep_fnames: true,
-    mangle: { reserved: ['CustomFile', 'CustomFileReader', 'UPNG', 'UZIP'] },
+  replace({
+    preventAssignment: true,
+    values: {
+      'process.env.NODE_ENV': JSON.stringify(process.env.BUILD),
+      'process.env.BUILD': JSON.stringify(process.env.BUILD),
+      __buildDate__: () => JSON.stringify(new Date()),
+      __buildVersion__: JSON.stringify(pkg.version),
+    },
+  }),
+  isProduction && nodent({ noRuntime: true, promises: true }),
+  nodeResolve(),
+  commonjs(),
+  babel({
+    babelHelpers: 'bundled',
   }),
+  isProduction
+    && terser({
+      keep_fnames: true,
+      mangle: { reserved: ['CustomFile', 'CustomFileReader', 'UPNG', 'UZIP'] },
+    }),
   license({
     sourcemap: true,
-    banner: '<%= _.startCase(pkg.name) %>\nv<%= pkg.version %>\nby <%= pkg.author %>\n<%= pkg.repository.url %>',
+    banner:
+      '<%= _.startCase(pkg.name) %>\nv<%= pkg.version %>\nby <%= pkg.author %>\n<%= pkg.repository.url %>',
   }),
   copy({
     targets: [
-      { src: 'lib/index.d.ts', dest: path.dirname(pkg.types), rename: path.basename(pkg.types) },
+      {
+        src: 'lib/index.d.ts',
+        dest: path.dirname(pkg.types),
+        rename: path.basename(pkg.types),
+      },
     ],
   }),
-  nodeResolve(),
-  commonjs(),
 ];
 
 export default {
@@ -56,6 +77,5 @@ export default {
         uzip: 'UZIP',
       },
     },
-
   ],
 };