Angular 6 build with --stats-json not generating stats.json file

Question

I'm trying to generate the stats.json file for my Angular 6 application. Below things I've already tried, but the file is not getting generated at all. My system requires to have "npm run" before every angular cli command.

I've ran "npm run ng build --prod --stats-json" as well as "npm run ng build --prod --stats-json=true".
I've ran "npm run ng build --stats-json" as well as "npm run ng build --stats-json=true" (without the build command).
Used "npm run ng build --statsJson=true" by taking reference from cli documentation.

But still stats.json file is not being generated, which I want to read using webpack bundle analyzer. Any help, suggestion or correction in this regard is welcome.

Below are the scripts in my package.json.

"scripts": {

"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"gulp": "gulp",
"bundle-report": "webpack-bundle-analyzer dist/stats.json",
"stats": "webpack-bundle-analyzer dist/stats.json"

},

Ben Taliadoros · Accepted Answer · 2021-05-28 13:21:06Z

21

I found mine was in /dist.

This means if you look to git for changes appearing, it might be ignored.

answered May 28, 2021 at 13:21

Ben Taliadoros

9,73119 gold badges68 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Harry Scheuerle Over a year ago

ah this, ty. Underrated answer

Ravin Singh D · Accepted Answer · 2019-11-04 13:06:10Z

5

Check your package.json there should be a script section like below,

 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

if it's then run

npm run build -- --statsJson=true

if your script is different please post the script section from your packageJSon will update answer based on that

answered Nov 4, 2019 at 13:06

Ravin Singh D

95310 silver badges20 bronze badges

8 Comments

Jamshed Over a year ago

I've added the scripts above, please suggest.

Jamshed Over a year ago

The above command worked and I finally got the file. Thanks Ravin

Ravin Singh D Over a year ago

For production build run this. npm run build -- --prod --statsJson=true

Simon_Weaver Over a year ago

why no hyphen in stats-json as shown in the command ng build --stats-json. this used to work for me but isn't now with Angular 9

Praveen Pandey Over a year ago

Hi @Simon_Weaver, I've found that the output json file name has been renamed to stats-es2015.json with Angular 9

|

maxime1992 · Accepted Answer · 2021-06-19 09:04:58Z

3

I don't know if the argument --statsJson=true is not available in newer versions of the CLI or if it's because I'm using NX to build my app but anywway, here's how you can make it work:

Open angular.json file
In the JSON structure go to projects / [YOUR-APP] / architect / build / configurations / production
Add a new key in this JSON object: "statsJson": true

Launch your build and don't forget to launch it with the correct environment. In this case production so I need to pass the --prod argument when building the app otherwise it'll pick another configuration which doesn't have the new flag "statsJson": true!

answered Jun 19, 2021 at 9:04

maxime1992

24k11 gold badges90 silver badges133 bronze badges

Comments

Carlos Luis Rivero · Accepted Answer · 2021-07-02 18:57:31Z

2

When I ran this command:

npm run build --stats-json,

It generated one file called:

stats-es2015.json

Then, everything was ok, when I ran:

npm run webpack-bundle-analyzer dist/PROJECT_NAME/stats-es2015.json

My environment was:

"@angular/core": "~9.0.6",
"webpack-bundle-analyzer": "^4.4.2"

answered Jul 2, 2021 at 18:57

Carlos Luis Rivero

1771 silver badge6 bronze badges

Comments

psmyrdek · Accepted Answer · 2020-03-27 14:41:33Z

-1

Please check out my simple workaround that can be used to create manifest and read its content by i.e. Node.js app.

https://www.npmjs.com/package/ng-manifest

answered Mar 27, 2020 at 14:41

psmyrdek

1198 bronze badges

Collectives™ on Stack Overflow

Angular 6 build with --stats-json not generating stats.json file

5 Answers 5

1 Comment

8 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

8 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related