Add stats.moduleAssets to show assets inside modules in the Stats

Author: clarkdo

lib/Stats.js

@@ -136,6 +136,10 @@ class Stats {
 			options.nestedModules,
 			true
 		);
+		const showModuleAssets = optionOrLocalFallback(
+			options.moduleAssets,
+			!forToString
+		);
 		const showDepth = optionOrLocalFallback(options.depth, !forToString);
 		const showCachedModules = optionOrLocalFallback(options.cached, true);
 		const showCachedAssets = optionOrLocalFallback(options.cachedAssets, true);
@@ -417,7 +421,6 @@ class Stats {
 				optional: module.optional,
 				prefetched: module.prefetched,
 				chunks: Array.from(module.chunksIterable, chunk => chunk.id),
-				assets: Object.keys(module.buildInfo.assets || {}),
 				issuer: module.issuer && module.issuer.identifier(),
 				issuerId: module.issuer && module.issuer.id,
 				issuerName:
@@ -435,6 +438,9 @@ class Stats {
 				errors: module.errors ? module.errors.length : 0,
 				warnings: module.warnings ? module.warnings.length : 0
 			};
+			if (showModuleAssets) {
+				obj.assets = Object.keys(module.buildInfo.assets || {});
+			}
 			if (showReasons) {
 				obj.reasons = module.reasons
 					.map(reason => {
@@ -867,6 +873,9 @@ class Stats {
 			if (module.built) {
 				colors.green(" [built]");
 			}
+			if (module.assets && module.assets.length) {
+				colors.magenta(` [${module.assets.length} asset]`);
+			}
 			if (module.prefetched) {
 				colors.magenta(" [prefetched]");
 			}

schemas/WebpackOptions.json

@@ -1757,6 +1757,10 @@
               "type": "boolean",
               "description": "add information about modules nested in other modules (like with module concatenation)"
             },
+            "moduleAssets": {
+              "type": "boolean",
+              "description": "add information about assets inside modules"
+            },
             "children": {
               "type": "boolean",
               "description": "add children information"

test/statsCases/module-assets/expected.txt

@@ -0,0 +1,12 @@
+Hash: d71bd16b0b20f34e994a
+Time: Xms
+Built at: Thu Jan 01 1970 00:00:00 GMT
+Entrypoint main = main.js
+chunk    {0} 0.js 68 bytes <{1}> [rendered]
+    [0] ./node_modules/a/1.png 51 bytes {0} [built] [1 asset]
+    [1] ./node_modules/a/index.js 17 bytes {0} [built]
+chunk    {1} main.js (main) 12 bytes >{0}< [entry] [rendered]
+    [2] ./index.js 12 bytes {1} [built]
+   [0] ./node_modules/a/1.png 51 bytes {0} [built] [1 asset]
+   [1] ./node_modules/a/index.js 17 bytes {0} [built]
+   [2] ./index.js 12 bytes {1} [built]

test/statsCases/modules-assets/index.js test/statsCases/module-assets/index.jstest/statsCases/modules-assets/index.js renamed to test/statsCases/module-assets/index.js

@@ -2,15 +2,24 @@ module.exports = {
 	mode: "production",
 	entry: "./index",
 	stats: {
+		assets: false,
 		chunks: true,
 		chunkModules: true,
-		modules: true
+		modules: true,
+		moduleAssets: true
 	},
 	module: {
 		rules: [
 			{
 				test: /\.png$/,
-				use: ["file-loader"]
+				use: [
+					{
+						loader: "file-loader",
+						options: {
+							name: "[name].[ext]"
+						}
+					}
+				]
 			}
 		]
 	}