bundle-stats-action icon indicating copy to clipboard operation
bundle-stats-action copied to clipboard

Invalid webpack stats structure, please make sure webpack stats configuration is correct.

Open eloisetaylor5693 opened this issue 4 years ago • 5 comments

Get an error when using the github action task. Looking at the webpack.stats.json file, it looks valid. I'm also building before running the task.

Is there something missing from the config? Or is there a bug in the package?

Error:

Run vio/[email protected]
  with:
    webpack-stats-path: public/webpack.stats.json
Warning: Invalid webpack stats structure, please make sure webpack stats configuration is correct.

Expected a value of type `interface<{name,size}> | interface<{type,filteredChildren,size}>[] & notEmptyArray` for `assets`

Github action

...
    - run: npm ci
    - run: npm run build 
    
    - run: cat public/webpack.stats.json  #<--- shows expected output
    
    - name: BundleStats
      with:
        webpack-stats-path: public/webpack.stats.json

Local config

"gatsby-plugin-bundle-stats": "^3.1.3",

gatsby,config:

module.exports = {
     ....
     plugins: [
     ....
          `gatsby-plugin-bundle-stats`,
     ]
}

Resulting webpack.stats.json after the build:

Click to see webpack.stats.json
{
	"namedChunkGroups": {
		"polyfill": {
			"name": "polyfill",
			"assets": [
				{
					"name": "webpack-runtime-2a855710d5ae874450ac.js",
					"size": 5859
				},
				{
					"name": "polyfill-3a0d770c34c43c9f7104.js",
					"size": 85327
				}
			],
			"filteredAssets": 0,
			"assetsSize": 91186,
			"filteredAuxiliaryAssets": 2,
			"auxiliaryAssetsSize": 229213
		},
		"app": {
			"name": "app",
			"assets": [
				{
					"name": "webpack-runtime-2a855710d5ae874450ac.js",
					"size": 5859
				},
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "framework-05788807507524b21166.js",
					"size": 130644
				},
				{
					"name": "app-6b6975afa36ed733fa92.js",
					"size": 70699
				}
			],
			"filteredAssets": 0,
			"assetsSize": 227133,
			"filteredAuxiliaryAssets": 55,
			"auxiliaryAssetsSize": 1779769
		},
		"component---src-pages-404-js": {
			"name": "component---src-pages-404-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-404-js-8c5bda6c7e063a6b94cd.js",
					"size": 562
				}
			],
			"filteredAssets": 0,
			"assetsSize": 38439,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1189901
		},
		"component---src-pages-ancient-beech-tree-js": {
			"name": "component---src-pages-ancient-beech-tree-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-ancient-beech-tree-js-24ac9683916683c69cdc.js",
					"size": 6902
				}
			],
			"filteredAssets": 0,
			"assetsSize": 44779,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1197319
		},
		"component---src-pages-contact-js": {
			"name": "component---src-pages-contact-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-contact-js-1c3ac0e496dd619ce646.js",
					"size": 2166
				}
			],
			"filteredAssets": 0,
			"assetsSize": 40043,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1192243
		},
		"component---src-pages-firewood-js": {
			"name": "component---src-pages-firewood-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-firewood-js-6deca132b5d03f18d187.js",
					"size": 2019
				}
			],
			"filteredAssets": 0,
			"assetsSize": 39896,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1190812
		},
		"component---src-pages-history-js": {
			"name": "component---src-pages-history-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-history-js-af409ed5fb12c8a596cb.js",
					"size": 2067
				}
			],
			"filteredAssets": 0,
			"assetsSize": 39944,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1191687
		},
		"component---src-pages-index-js": {
			"name": "component---src-pages-index-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-index-js-4251dce3460488a61f7f.js",
					"size": 2013
				}
			],
			"filteredAssets": 0,
			"assetsSize": 39890,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1191665
		},
		"component---src-pages-news-js": {
			"name": "component---src-pages-news-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-news-js-8e516bb0e0a763c6b313.js",
					"size": 2081
				}
			],
			"filteredAssets": 0,
			"assetsSize": 39958,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1194796
		},
		"component---src-pages-trees-english-oak-js": {
			"name": "component---src-pages-trees-english-oak-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-trees-english-oak-js-32aef83df0cf7b341ab3.js",
					"size": 4313
				}
			],
			"filteredAssets": 0,
			"assetsSize": 42190,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1194235
		},
		"component---src-pages-trees-js": {
			"name": "component---src-pages-trees-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-trees-js-ed364ecaf3137b029b39.js",
					"size": 1926
				}
			],
			"filteredAssets": 0,
			"assetsSize": 39803,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1192374
		},
		"component---src-pages-work-days-js": {
			"name": "component---src-pages-work-days-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-pages-work-days-js-35beb0fad8d5a86892f2.js",
					"size": 2203
				}
			],
			"filteredAssets": 0,
			"assetsSize": 40080,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1193896
		},
		"component---src-templates-blog-post-js": {
			"name": "component---src-templates-blog-post-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-templates-blog-post-js-4bd85a0aad2874e6e5ae.js",
					"size": 2173
				}
			],
			"filteredAssets": 0,
			"assetsSize": 40050,
			"filteredAuxiliaryAssets": 54,
			"auxiliaryAssetsSize": 1195575
		},
		"component---src-templates-work-day-information-js": {
			"name": "component---src-templates-work-day-information-js",
			"assets": [
				{
					"name": "styles.6d64adc0dc1481d6e4f4.css",
					"size": 19931
				},
				{
					"name": "framework-05788807507524b21166.js",
					"size": 130644
				},
				{
					"name": "commons-392752f5e0f0824f9018.js",
					"size": 17946
				},
				{
					"name": "component---src-templates-work-day-information-js-4f3e58a180a089092948.js",
					"size": 34982
				}
			],
			"filteredAssets": 0,
			"assetsSize": 203503,
			"filteredAuxiliaryAssets": 55,
			"auxiliaryAssetsSize": 1638027
		},
		"polyfills-dom": {
			"name": "polyfills-dom",
			"assets": [
				{
					"name": "polyfills-dom-b1145c2073fd51c6a9cb.js",
					"size": 18668
				}
			],
			"filteredAssets": 0,
			"assetsSize": 18668,
			"filteredAuxiliaryAssets": 1,
			"auxiliaryAssetsSize": 53890
		},
		"polyfills-core-js": {
			"name": "polyfills-core-js",
			"assets": [
				{
					"name": "polyfills-core-js-b700803b49783ff8dbe3.js",
					"size": 105674
				}
			],
			"filteredAssets": 0,
			"assetsSize": 105674,
			"filteredAuxiliaryAssets": 1,
			"auxiliaryAssetsSize": 361157
		}
	},
	"assetsByChunkName": {
		"polyfill": [
			"webpack-runtime-2a855710d5ae874450ac.js",
			"polyfill-3a0d770c34c43c9f7104.js"
		],
		"app": [
			"webpack-runtime-2a855710d5ae874450ac.js",
			"styles.6d64adc0dc1481d6e4f4.css",
			"framework-05788807507524b21166.js",
			"app-6b6975afa36ed733fa92.js"
		],
		"component---src-pages-404-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-404-js-8c5bda6c7e063a6b94cd.js"
		],
		"component---src-pages-ancient-beech-tree-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-ancient-beech-tree-js-24ac9683916683c69cdc.js"
		],
		"component---src-pages-contact-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-contact-js-1c3ac0e496dd619ce646.js"
		],
		"component---src-pages-firewood-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-firewood-js-6deca132b5d03f18d187.js"
		],
		"component---src-pages-history-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-history-js-af409ed5fb12c8a596cb.js"
		],
		"component---src-pages-index-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-index-js-4251dce3460488a61f7f.js"
		],
		"component---src-pages-news-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-news-js-8e516bb0e0a763c6b313.js"
		],
		"component---src-pages-trees-english-oak-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-trees-english-oak-js-32aef83df0cf7b341ab3.js"
		],
		"component---src-pages-trees-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-trees-js-ed364ecaf3137b029b39.js"
		],
		"component---src-pages-work-days-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-pages-work-days-js-35beb0fad8d5a86892f2.js"
		],
		"component---src-templates-blog-post-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"commons-392752f5e0f0824f9018.js",
			"component---src-templates-blog-post-js-4bd85a0aad2874e6e5ae.js"
		],
		"component---src-templates-work-day-information-js": [
			"styles.6d64adc0dc1481d6e4f4.css",
			"framework-05788807507524b21166.js",
			"commons-392752f5e0f0824f9018.js",
			"component---src-templates-work-day-information-js-4f3e58a180a089092948.js"
		],
		"polyfills-dom": [
			"polyfills-dom-b1145c2073fd51c6a9cb.js"
		],
		"polyfills-core-js": [
			"polyfills-core-js-b700803b49783ff8dbe3.js"
		]
	},
	"childAssetsByChunkName": {}
}

eloisetaylor5693 avatar Sep 07 '21 20:09 eloisetaylor5693

Hi @eloisetaylor5693, thanks for opening the issue!

I'm also building before running the task.

This is a very common workflow, i think your setup looks ok

Based on the error you are getting and the structure of the webpack stats, the output is missing { assets: [], modules: [] }. What method/stats config are you using to output the webpack stats?

If you get the chance, can you please try to use https://github.com/relative-ci/bundle-stats/tree/master/packages/cli#webpack-configuration ?

vio avatar Sep 07 '21 21:09 vio

Initially I was using the short syntax with no config overrides. Then I used the stats options from the link you sent. The same error is generated

Previous gatsby.config:

module.exports = {
     ....
     plugins: [
     ....
          `gatsby-plugin-bundle-stats`,
     ]
}

New gatsby.config:

(I tried only setting assets and modules flags first, but that didn't work so added the other settings too)

module.exports = {
     ....
     plugins: [
     ....
          {
              resolve: "gatsby-plugin-bundle-stats",
              options: {
                stats: {
                  context: './src',
                  assets: true,
                  modules: true,
                  entrypoints: true,
                  chunks: true,
                  builtAt: true,
                  hash: true,
                },
              },
            },
     ]
}

Resulting webpack.stats.json after the build:

Click to see webpack.stats.json
{
    "namedChunkGroups": {
        "polyfill": {
            "name": "polyfill",
            "assets": [
                {
                    "name": "webpack-runtime-2a855710d5ae874450ac.js",
                    "size": 5859
                },
                {
                    "name": "polyfill-3a0d770c34c43c9f7104.js",
                    "size": 85327
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 91186,
            "filteredAuxiliaryAssets": 2,
            "auxiliaryAssetsSize": 229213
        },
        "app": {
            "name": "app",
            "assets": [
                {
                    "name": "webpack-runtime-2a855710d5ae874450ac.js",
                    "size": 5859
                },
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "framework-05788807507524b21166.js",
                    "size": 130644
                },
                {
                    "name": "app-6b6975afa36ed733fa92.js",
                    "size": 70699
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 227133,
            "filteredAuxiliaryAssets": 55,
            "auxiliaryAssetsSize": 1779769
        },
        "component---src-pages-404-js": {
            "name": "component---src-pages-404-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-404-js-8c5bda6c7e063a6b94cd.js",
                    "size": 562
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 38439,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1189901
        },
        "component---src-pages-ancient-beech-tree-js": {
            "name": "component---src-pages-ancient-beech-tree-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-ancient-beech-tree-js-24ac9683916683c69cdc.js",
                    "size": 6902
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 44779,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1197319
        },
        "component---src-pages-contact-js": {
            "name": "component---src-pages-contact-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-contact-js-1c3ac0e496dd619ce646.js",
                    "size": 2166
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 40043,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1192243
        },
        "component---src-pages-firewood-js": {
            "name": "component---src-pages-firewood-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-firewood-js-6deca132b5d03f18d187.js",
                    "size": 2019
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 39896,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1190812
        },
        "component---src-pages-history-js": {
            "name": "component---src-pages-history-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-history-js-af409ed5fb12c8a596cb.js",
                    "size": 2067
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 39944,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1191687
        },
        "component---src-pages-index-js": {
            "name": "component---src-pages-index-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-index-js-4251dce3460488a61f7f.js",
                    "size": 2013
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 39890,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1191665
        },
        "component---src-pages-news-js": {
            "name": "component---src-pages-news-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-news-js-8e516bb0e0a763c6b313.js",
                    "size": 2081
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 39958,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1194796
        },
        "component---src-pages-trees-english-oak-js": {
            "name": "component---src-pages-trees-english-oak-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-trees-english-oak-js-32aef83df0cf7b341ab3.js",
                    "size": 4313
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 42190,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1194235
        },
        "component---src-pages-trees-js": {
            "name": "component---src-pages-trees-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-trees-js-ed364ecaf3137b029b39.js",
                    "size": 1926
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 39803,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1192374
        },
        "component---src-pages-work-days-js": {
            "name": "component---src-pages-work-days-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-pages-work-days-js-35beb0fad8d5a86892f2.js",
                    "size": 2203
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 40080,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1193896
        },
        "component---src-templates-blog-post-js": {
            "name": "component---src-templates-blog-post-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-templates-blog-post-js-4bd85a0aad2874e6e5ae.js",
                    "size": 2173
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 40050,
            "filteredAuxiliaryAssets": 54,
            "auxiliaryAssetsSize": 1195575
        },
        "component---src-templates-work-day-information-js": {
            "name": "component---src-templates-work-day-information-js",
            "assets": [
                {
                    "name": "styles.6d64adc0dc1481d6e4f4.css",
                    "size": 19931
                },
                {
                    "name": "framework-05788807507524b21166.js",
                    "size": 130644
                },
                {
                    "name": "commons-392752f5e0f0824f9018.js",
                    "size": 17946
                },
                {
                    "name": "component---src-templates-work-day-information-js-4f3e58a180a089092948.js",
                    "size": 34982
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 203503,
            "filteredAuxiliaryAssets": 55,
            "auxiliaryAssetsSize": 1638027
        },
        "polyfills-dom": {
            "name": "polyfills-dom",
            "assets": [
                {
                    "name": "polyfills-dom-b1145c2073fd51c6a9cb.js",
                    "size": 18668
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 18668,
            "filteredAuxiliaryAssets": 1,
            "auxiliaryAssetsSize": 53890
        },
        "polyfills-core-js": {
            "name": "polyfills-core-js",
            "assets": [
                {
                    "name": "polyfills-core-js-b700803b49783ff8dbe3.js",
                    "size": 105674
                }
            ],
            "filteredAssets": 0,
            "assetsSize": 105674,
            "filteredAuxiliaryAssets": 1,
            "auxiliaryAssetsSize": 361157
        }
    },
    "assetsByChunkName": {
        "polyfill": [
            "webpack-runtime-2a855710d5ae874450ac.js",
            "polyfill-3a0d770c34c43c9f7104.js"
        ],
        "app": [
            "webpack-runtime-2a855710d5ae874450ac.js",
            "styles.6d64adc0dc1481d6e4f4.css",
            "framework-05788807507524b21166.js",
            "app-6b6975afa36ed733fa92.js"
        ],
        "component---src-pages-404-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-404-js-8c5bda6c7e063a6b94cd.js"
        ],
        "component---src-pages-ancient-beech-tree-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-ancient-beech-tree-js-24ac9683916683c69cdc.js"
        ],
        "component---src-pages-contact-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-contact-js-1c3ac0e496dd619ce646.js"
        ],
        "component---src-pages-firewood-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-firewood-js-6deca132b5d03f18d187.js"
        ],
        "component---src-pages-history-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-history-js-af409ed5fb12c8a596cb.js"
        ],
        "component---src-pages-index-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-index-js-4251dce3460488a61f7f.js"
        ],
        "component---src-pages-news-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-news-js-8e516bb0e0a763c6b313.js"
        ],
        "component---src-pages-trees-english-oak-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-trees-english-oak-js-32aef83df0cf7b341ab3.js"
        ],
        "component---src-pages-trees-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-trees-js-ed364ecaf3137b029b39.js"
        ],
        "component---src-pages-work-days-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-pages-work-days-js-35beb0fad8d5a86892f2.js"
        ],
        "component---src-templates-blog-post-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "commons-392752f5e0f0824f9018.js",
            "component---src-templates-blog-post-js-4bd85a0aad2874e6e5ae.js"
        ],
        "component---src-templates-work-day-information-js": [
            "styles.6d64adc0dc1481d6e4f4.css",
            "framework-05788807507524b21166.js",
            "commons-392752f5e0f0824f9018.js",
            "component---src-templates-work-day-information-js-4f3e58a180a089092948.js"
        ],
        "polyfills-dom": [
            "polyfills-dom-b1145c2073fd51c6a9cb.js"
        ],
        "polyfills-core-js": [
            "polyfills-core-js-b700803b49783ff8dbe3.js"
        ]
    },
    "childAssetsByChunkName": {}
}

eloisetaylor5693 avatar Sep 08 '21 20:09 eloisetaylor5693

@eloisetaylor5693 gatsby-plugin-bundle-stats and bundle-stats-action are two different ways of generating the bundle-stats report. The configuration for gatsby-plugin-bundle-stats is affecting only the way the plugin is reading the stats from webpack and is not affecting the output of the webpack stats from your compilation.

What method are you using to output webpack.stats.json file that you pass to bundle-stats-action?

vio avatar Sep 08 '21 22:09 vio

I'm not customising the webpack config at all, so using the default gatsby config. It's all under the hood because there's 0 results when searching for webpack in my repo (save for package.json)

This is the Gatsby starter I used to generate my project: https://github.com/gatsbyjs/gatsby-starter-blog

eloisetaylor5693 avatar Sep 09 '21 08:09 eloisetaylor5693

@eloisetaylor5693 the webpack stats produced by Gatsby by default does not contain the information that bundle-stats requires in order to generate the report.

You can try to customize the Gatsby webpack stats config or you can try to use webpack-stats-plugin and generate another webpack stats file:

// gatsby-node.js
const { StatsWriterPlugin } = require('webpack-stats-plugin');

exports.onCreateWebpackConfig = ({ stage, plugins, actions }) => {
  if (stage === 'build-javascript') {
    actions.setWebpackConfig({
      plugins: [
        new StatsWriterPlugin(
          filename: 'stats.json',
          stats: {
            context: './src', // optional, will improve readability of the paths
            assets: true,
            entrypoints: true,
            chunks: true,
            modules: true
          }
        )
      ]
    });
  }
};

Source

vio avatar Sep 12 '21 19:09 vio