NPM 脚本 Webpack --json : JavaScript 堆内存不足

Question

我们有一个 angular 5 的项目，它的大小有问题。在加载应用程序时，当没有太多内容时，我们有 95MB 的内存。我正在尝试分析它并使用 webpack-bundle-analyzer.

我读到将 new webpack.optimize.ModuleConcatenationPlugin() 添加到 webpack.config 应该会有所帮助，所以我做了并且它有所帮助（从 95 到 76MB）。

但是当我运行之后使用统计信息进行构建时 npm run build:stats > stats.json ("build:stats": "webpack --profile --json --config webpack.config.buildserver.js") 我收到这条消息 致命错误：CALL_AND_RETRY_LAST分配失败 - JavaScript堆内存不足

在添加插件之前，stats.json 文件有大约 390 000 行 json 对象。

我发现节点脚本有一个内存标志 --max_new_space_size 但我找不到任何类似的 webpack 脚本。

我不确定要查找什么，有人可以帮忙吗？

Answer 1

这是一个已知错误，您可以在构建之前和 npm 安装之后检查此 issue for more details and also try to install this npm package 和运行。

Answer 2

要设置 Node.js 标志，可以使用 NODE_OPTIONS env variable。

例如，在 webpack 版本 4 中构建统计信息：

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

NPM 脚本 Webpack --json : JavaScript 堆内存不足

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

webpack

angular

webpack-bundle-analyzer