Sort list of output files by size within a group

preactjs · Sep 5, 2021 · b072d94 · b072d94
1 parent 24dc655
commit b072d94
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/.changeset/red-roses-divide.md b/.changeset/red-roses-divide.md
@@ -0,0 +1,5 @@
+---
+'wmr': patch
+---
+
+Sort list of outputted files by size within a group
diff --git a/packages/wmr/src/lib/output-utils.js b/packages/wmr/src/lib/output-utils.js
@@ -11,7 +11,18 @@ export function bundleStats(bundle, outDir) {
 	let total = 0;
 	const assets = bundle.output
 		.filter(asset => !/\.map$/.test(asset.fileName))
-		.sort((a, b) => scoreAsset(b) - scoreAsset(a));
+		.sort((a, b) => {
+			const scoreB = scoreAsset(b);
+			const scoreA = scoreAsset(a);
+
+			if (scoreA === scoreB) {
+				const contentA = a.type === 'asset' ? a.source : a.code;
+				const contentB = b.type === 'asset' ? b.source : b.code;
+				return contentB.length - contentA.length;
+			}
+
+			return scoreB - scoreA;
+		});
 
 	let nonCssAsset = false;
 	const assetsText = assets.reduce((str, output) => {
@@ -55,7 +66,7 @@ function scoreAsset(asset) {
 	}
 	// ...then CSS files
 	else if (/\.css$/.test(asset.fileName)) {
-		return 10;
+		return 9;
 	}
 
 	// ...and everything else after that