NPM script Webpack --json : JavaScript heap out of memory

Question

We have an angular 5 project which has a problem with size. On load of the app, when there isn't much of anything, we have 95MB in memory. I'm trying to analyze it and use webpack-bundle-analyzer.

I've read that adding new webpack.optimize.ModuleConcatenationPlugin() into webpack.config should help, so I did and it helped (from 95 to 76MB).

But when I run build with stats after that npm run build:stats > stats.json ("build:stats": "webpack --profile --json --config webpack.config.buildserver.js") I get this message FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

Before adding the plugin, the stats.json file had around 390 000 lines of json object.

I found that there is a memory flag for node scripts --max_new_space_size but I can't find anything similar for webpack script.

I'm not sure what to look for, could anyone help please?

score 2 · Accepted Answer · answered Mar 19 '18 at 20:12

2

It's a known bug, you can check this issue for more details and also try to install this npm package and run before you build and after npm install.

answered Mar 19 '18 at 20:12

cassmtnr

927
13
26

1

Thank you very much. I'll try it out and if it works I'll mark you as a god. Or something. – Laker Mar 19 '18 at 20:20
You can create an npm script as `fix: increase-memory-limit` so if you need it's easier to execute. – cassmtnr Mar 20 '18 at 22:28
Yeah, I did that :) – Laker Mar 21 '18 at 21:15

score 1 · Answer 2 · answered Oct 21 '21 at 13:53

1

To set Node.js flags one can use NODE_OPTIONS env variable.

For example, building stats in webpack version 4:

NODE_OPTIONS="--max-old-space-size=4096" webpack --json > stats.json

answered Oct 21 '21 at 13:53

showmeyourhits

56
4

NPM script Webpack --json : JavaScript heap out of memory

2 Answers2