filter out assets hidden by Webpack

__tests__/__mocks__/new-hidden-stats-assets.json

@@ -0,0 +1,9 @@
+{
+ "assets": [
+ {
+ "type": "hidden assets",
+ "filteredChildren": 5,
+ "size": 100500
+ }
+ ]
+}

__tests__/__mocks__/old-hidden-stats-assets.json

@@ -0,0 +1,4 @@
+{
+ "assets": [
+ ]
+}

__tests__/__snapshots__/main.test.ts.snap

@@ -40,6 +40,36 @@ app.bundle.js | 1.29 MB -> 1.04 MB (-254.35 KB)<br />N/A -> 297.38 KB (gzip) | -
 No assets were unchanged"
 `;
 
+exports[`Shows stats when files are hidden 1`] = `
+"**Total**
+
+Files count | Total bundle size | % Changed
+----------- | ----------------- | ---------
+0 | 0 B | 0%"
+`;
+
+exports[`Shows stats when files are hidden 2`] = `
+"**Added**
+
+No assets were added
+
+**Removed**
+
+No assets were removed
+
+**Bigger**
+
+No assets were bigger
+
+**Smaller**
+
+No assets were smaller
+
+**Unchanged**
+
+No assets were unchanged"
+`;
+
 exports[`Shows stats when files are removed 1`] = `
 "**Total**
 

__tests__/main.test.ts

@@ -46,6 +46,16 @@ test('Shows stats when files are unchanged', async () => {
  expect(printAssetTablesByGroup(statsDiff)).toMatchSnapshot()
 })
 
+test('Shows stats when files are hidden', async () => {
+ const statsDiff = getStatsDiff(
+ await readJsonFile('./__mocks__/old-hidden-stats-assets.json'),
+ await readJsonFile('./__mocks__/new-hidden-stats-assets.json')
+ )
+
+ expect(printTotalAssetTable(statsDiff)).toMatchSnapshot()
+ expect(printAssetTablesByGroup(statsDiff)).toMatchSnapshot()
+})
+
 test('computes the correct module diff information', async () => {
  const statsDiff = getChunkModuleDiff(
  await readJsonFile('./__mocks__/old-stats-with-chunks.json'),

src/name-to-size-map.ts

@@ -5,25 +5,28 @@ export function assetNameToSizeMap(
  statAssets: StatsCompilation['assets'] = []
 ): Map<string, Sizes> {
  return new Map(
- statAssets.map(asset => {
- let gzipSize: number | null = null
- if (asset.related && Array.isArray(asset.related)) {
- const gzipAsset = asset.related.find(
- related => related.type === 'gzipped'
- )
- if (gzipAsset) {
- gzipSize = gzipAsset.size
+ statAssets
+ // when Webpack's stats.excludeAssets is used, assets which are excluded will be grouped into an asset with type 'hidden assets'
+ .filter(it => !!it.name && it.type !== 'hidden assets')
+ .map(asset => {
+ let gzipSize: number | null = null
+ if (asset.related && Array.isArray(asset.related)) {
+ const gzipAsset = asset.related.find(
+ related => related.type === 'gzipped'
+ )
+ if (gzipAsset) {
+ gzipSize = gzipAsset.size
+ }
  }
- }
 
- return [
- asset.name,
- {
- size: asset.size,
- gzipSize
- }
- ]
- })
+  return [
+  asset.name,
+  {
+  size: asset.size,
+  gzipSize
+  }
+  ]
+  })
  )
 }