vue2打包FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

### Vue2 打包时 JavaScript 堆内存不足解决方案

#### 调整 Node.js 内存限制
当遇到 `FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory` 错误时，可以通过调整Node.js的最大旧生代空间来解决问题。通过设置环境变量或命令行参数可以增大可用的堆内存量。

对于Vue CLI项目，可以在启动构建过程前临时提高最大老年代大小至4GB：

node --max_old_space_size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js build

此操作会为本次构建指定更大的内存上限[^2]。

#### 修改 package.json 中的脚本配置
为了简化流程并使更改持久化，建议修改项目的`package.json`文件中的build脚本部分如下所示:

{
  "scripts": {
    "build": "node --max_old_space_size=4096 vue-cli-service build"
  }
}

这样每次运行npm run build都会自动应用新的内存限制。

#### 使用 Increase-Memory-Limit 工具
另一种方式是利用专门设计用于提升Node进程内存限额的工具——increase-memory-limit插件。首先全局安装该插件：

npm install -g increase-memory-limit

接着在同一目录下执行以下指令以更新当前工程所需的内存配额：

increase-memory-limit

这一步骤同样能够有效缓解由于默认内存不足以完成大型应用程序打包所引发的问题[^4]。

#### 配置 Webpack 构建优化选项
除了直接扩大Node.js本身的内存容量外，还可以尝试从Webpack层面入手进行性能调优。例如启用TerserPlugin压缩器多线程模式、减少缓存清理频率以及合理规划懒加载模块等措施均有助于降低整体资源消耗，从而间接规避潜在的内存瓶颈问题[^3]。