perf: compute gzip size in parallel (#2813)

.github/renovate.json5

@@ -65,7 +65,6 @@
 		// some loaders still depend on loader-utils v2
 		"loader-utils",
 		// pure esm packages can not be used now
-		"gzip-size",
 		"globby",
 		"open",
 		"strip-ansi",

packages/core/package.json

@@ -77,7 +77,6 @@
     "dotenv": "16.4.5",
     "dotenv-expand": "11.0.6",
     "fs-extra": "^11.2.0",
-    "gzip-size": "^6.0.0",
     "http-compression": "1.0.20",
     "http-proxy-middleware": "^2.0.6",
     "jiti": "^1.21.6",

packages/core/prebundle.config.mjs

@@ -40,7 +40,6 @@ export default {
     'connect',
     'rspack-manifest-plugin',
     'webpack-merge',
-    'gzip-size',
     {
       name: 'chokidar',
       externals: {
@@ -127,9 +126,6 @@ export default {
       // The webpack-bundle-analyzer version was locked to v4.9.0 to be compatible with Rspack
       // If we need to upgrade the version, please check if the chunk detail can be displayed correctly
       name: 'webpack-bundle-analyzer',
-      externals: {
-        'gzip-size': '../gzip-size',
-      },
     },
     {
       name: 'autoprefixer',

packages/core/src/plugins/fileSize.ts

@@ -4,6 +4,8 @@
  */
 import fs from 'node:fs';
 import path from 'node:path';
+import { promisify } from 'node:util';
+import zlib from 'node:zlib';
 import color from 'picocolors';
 import { CSS_REGEX, HTML_REGEX, JS_REGEX } from '../constants';
 import { logger } from '../logger';
@@ -14,6 +16,13 @@ import type {
   StatsAsset,
 } from '../types';
 
+const gzip = promisify(zlib.gzip);
+
+async function gzipSize(input: Buffer) {
+  const data = await gzip(input);
+  return data.length;
+}
+
 /** Filter source map and license files */
 export const filterAsset = (asset: string): boolean =>
   !/\.map$/.test(asset) && !/\.LICENSE\.txt$/.test(asset);
@@ -71,17 +80,15 @@ async function printFileSizes(
     return logs;
   }
 
-  const { default: gzipSize } = await import('gzip-size');
-
-  const formatAsset = (
+  const formatAsset = async (
     asset: StatsAsset,
     distPath: string,
     distFolder: string,
   ) => {
     const fileName = asset.name.split('?')[0];
     const contents = fs.readFileSync(path.join(distPath, fileName));
     const size = contents.length;
-    const gzippedSize = gzipSize.sync(contents);
+    const gzippedSize = await gzipSize(contents);
 
     return {
       size,
@@ -93,7 +100,7 @@ async function printFileSizes(
     };
   };
 
-  const getAssets = () => {
+  const getAssets = async () => {
     const distPath = stats.compilation.outputOptions.path;
 
     if (!distPath) {
@@ -119,11 +126,11 @@ async function printFileSizes(
 
     const distFolder = path.relative(rootPath, distPath);
 
-    return filteredAssets.map((asset) =>
-      formatAsset(asset, distPath, distFolder),
+    return Promise.all(
+      filteredAssets.map((asset) => formatAsset(asset, distPath, distFolder)),
     );
   };
-  const assets = getAssets();
+  const assets = await getAssets();
 
   if (assets.length === 0) {
     return logs;

packages/core/tsconfig.json

@@ -18,7 +18,6 @@
       "semver": ["./compiled/semver"],
       "connect": ["./compiled/connect"],
       "chokidar": ["./compiled/chokidar"],
-      "gzip-size": ["./compiled/gzip-size"],
       "commander": ["./compiled/commander"],
       "on-finished": ["./compiled/on-finished"],
       "autoprefixer": ["./compiled/autoprefixer"],