vue项目 nodejs 编译 报FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory.

公司有个基于vue的项目在运行npm run build的时候会报内存溢出，今天在某个技术流交群也有位小伙伴基于angular的项目也出现了这个问题，因此查了一些相关的资料总结了一下，下面会详细说明前端三大框架编译时遇到这个问题具体怎么解决。首先看我模拟出的报错内里面有句关键的话，CALL_AND_RETRY_LAST 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 --max-old-space-size=1700 test.js // 单位为MB
// 或者
node --max-new-space-size=1024 test.js // 单位为KB

上述参数在V8初始化时生效，一旦生效就不能再动态改变。若是遇到 Node 没法分配足够内存给 JavaScript 的状况，能够用这个办法来放宽V8默认的内存限制，避免在执行过程当中稍微多用了一些内存就轻易崩溃，既然知道了解决办法那就好办了，下面来分别详细说明三大框架下的具体操做。

Vue

先说vue，由于vue是最简单的，由于基于 vue-cli 生成的项目，vue没有把 package.json 里面 scripts 字段的脚本命令的node命令隐藏起来，咱们直接把上面v8提供的选项参数直接写入scripts 字段的 node 命令后就行了，示例以下

"build": "node --max_old_space_size=4096 build/build.js"

直接在 node 后面写上 --max_old_space_size=4096 就行了，我这里设置的内存大小是4G,这个具体的大小能够根据本身的项目状况来设置就行了。而后再从新运行 npm run build 就能够正常打包构建了。

转载[(http://www.javashuo.com/article/p-olgkezby-cs.html)]