feat(rollup): show size of bundled npm packages in cli output (#243)

unjs · Mar 31, 2023 · 9039fe4 · 9039fe4
1 parent 8e81e2a
commit 9039fe4
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/src/build.ts b/src/build.ts
@@ -224,9 +224,8 @@ export async function build(
     let line =
       `  ${chalk.bold(rPath(entry.path))} (` +
       [
-        entry.bytes && `size: ${chalk.cyan(prettyBytes(entry.bytes))}`,
-        totalBytes !== entry.bytes &&
-          `total size: ${chalk.cyan(prettyBytes(totalBytes))}`,
+        totalBytes && `total size: ${chalk.cyan(prettyBytes(totalBytes))}`,
+        entry.bytes && `chunk size: ${chalk.cyan(prettyBytes(entry.bytes))}`,
         entry.exports?.length &&
           `exports: ${chalk.gray(entry.exports.join(", "))}`,
       ]
@@ -243,7 +242,22 @@ export async function build(
             return chalk.gray(
               "  └─ " +
                 rPath(p) +
-                (chunk.bytes ? ` (${prettyBytes(chunk?.bytes)})` : "")
+                chalk.bold(chunk.bytes ? ` (${prettyBytes(chunk?.bytes)})` : "")
+            );
+          })
+          .join("\n");
+    }
+    if (entry.modules?.length) {
+      line +=
+        "\n" +
+        entry.modules
+          .filter((m) => m.id.includes("node_modules"))
+          .sort((a, b) => (b.bytes || 0) - (a.bytes || 0))
+          .map((m) => {
+            return chalk.gray(
+              "  📦 " +
+                rPath(m.id) +
+                chalk.bold(m.bytes ? ` (${prettyBytes(m.bytes)})` : "")
             );
           })
           .join("\n");

diff --git a/src/builder/rollup.ts b/src/builder/rollup.ts
@@ -150,6 +150,10 @@ export async function rollupBuild(ctx: BuildContext) {
           chunks: entry.imports.filter((i) =>
             outputChunks.find((c) => c.fileName === i)
           ),
+          modules: Object.entries(entry.modules).map(([id, mod]) => ({
+            id,
+            bytes: mod.renderedLength,
+          })),
           path: entry.fileName,
           bytes: Buffer.byteLength(entry.code, "utf8"),
           exports: entry.exports,

diff --git a/src/types.ts b/src/types.ts
@@ -86,6 +86,7 @@ export interface BuildContext {
     exports?: string[];
     chunks?: string[];
     chunk?: boolean;
+    modules?: { id: string; bytes: number }[];
   }[];
   usedImports: Set<string>;
   warnings: Set<string>;