Webpack打包报"JavaScript heap out of memory"错误

时间 2019-11-14

标签 webpack 打包 javascript heap memory 错误栏目 JavaScript 繁體版

原文原文链接

问题

开发项目有一段时间了，随着项目愈来愈大，打包的时间也相应的变长了，打包时的内存也增多了。这时候产生了一个问题，在发布项目的时候，会出现JavaScript heap out of memory错误的提示。
以下图：
前端

以上错误一直致使，没法发布项目。
详细错误内容：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memorynpm

缘由

在Node中经过JavaScript使用内存时只能使用部份内存（64位系统：1.4 GB，32位系统：0.7 GB），这个时候，若是前端项目很是的庞大，Webpack编译时就会占用不少的系统资源，若是超出了V8引擎对Node默认的内存限制大小时，就会产生内存泄露(JavaScript heap out of memory)的错误。异步

解决方案

既然V8引擎有对Node进行默认的内存限制大小，那么在Node内存不足的时候，能够放宽内存大小的使用限制，能够在Node启动的时候，传递--max-old-space-size或--max-new-space-size来调整内存大小的使用限制。
可是这种方式须要全部地方都要进行设置，所以须要安装一个插件increase-memory-limit。spa

使用方式以下：插件

安装
npm install -g increase-memory-limit
运行
increase-memory-limit
npm 异步运行

"scripts": {
    "fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit"
  },
  "devDependencies": {
    "increase-memory-limit": "^1.0.3",
    "cross-env": "^5.0.5"
  }

执行一次npm run fix-memory-limitcode

插件：increase-memory-limitblog