webpack打包---报错内存溢出javaScript heap out of memory

时间:2024-05-23 19:36:07

webpack打包---报错内存溢出javaScript heap out of memory

“报错 chunk assetsFATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 是 JavaScript堆内存不足,这里说的 JavaScript 其实就是 Node,我们都知道 Node 是基于V8引擎,在一般的后端开发语言中,在基本的内存使用上没有什么限制。

但是我去查阅了相关的资料才发现,在 Node 中通过 JavaScript 使用内存时只能使用部分内存(64位系统下约为1.4 GB,32位系统下约为0.7 GB),这就是我们编译项目时为什么会出现内存泄露了。

因为前端项目如果非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了V8对 Node 默认的内存限制大小就会出现刚刚我截图的那个错误了,那怎么解决呢?

V8依然提供了选项让我们使用更多的内存。Node 在启动时可以传递 --max-old-space-size 或 --max-new-space-size 来调整内存大小的使用限制。

如果遇到 Node 无法分配足够内存给 JavaScript 的情况,可以用这个办法来放宽V8默认的内存限制,避免在执行过程中稍微多用了一些内存就轻易崩溃”

针对我自己的项目,解决方法如下图

1.在目录node_modules/.bin下;

2.分别打开webpack 文件,添加  --max_old_space_size=32768,就OK了

webpack打包---报错内存溢出javaScript heap out of memory