如何为不同Angular项目配置不同的--max-old-space-size参数？

以下是几种不需要修改package.json或在npx命令中硬编码的实现方式：

1. 项目专属启动脚本 #

为每个项目创建单独的启动脚本，在脚本中临时设置NODE_OPTIONS，再执行Angular命令，不同项目的脚本可配置不同的内存参数：

Linux/macOS 环境 #

在项目根目录创建start-dev.sh文件，内容如下：

#!/bin/bash
# 设置当前项目的内存限制为4GB
export NODE_OPTIONS="--max-old-space-size=4096"
# 执行Angular开发服务命令
ng serve

保存后执行chmod +x start-dev.sh赋予脚本执行权限，启动项目时直接运行./start-dev.sh即可。

Windows 环境 #

在项目根目录创建start-dev.bat文件，内容如下：

@echo off
:: 设置当前项目的内存限制为4GB
set NODE_OPTIONS=--max-old-space-size=4096
:: 执行Angular开发服务命令
ng serve

启动项目时直接双击该bat文件，或在命令行中运行start-dev.bat。

2. 使用目录级环境变量工具（direnv） #

借助direnv工具可实现进入项目目录时自动加载专属环境变量，离开目录后自动失效，适合多项目切换场景：

1. 先安装direnv工具（根据系统用包管理器安装，比如brew install direnv或sudo apt install direnv）
2. 在项目根目录创建.envrc文件，内容：

export NODE_OPTIONS="--max-old-space-size=4096"

3. 在项目目录下执行direnv allow，授权该目录的环境变量配置
4. 之后每次进入这个项目目录时，NODE_OPTIONS会自动生效，直接运行ng serve等命令就会使用该项目配置的内存限制。

3. 直接指定内存参数运行Angular CLI #

无需环境变量，直接在命令中给node指定内存参数，再调用Angular CLI的入口文件：

node --max-old-space-size=4096 ./node_modules/@angular/cli/bin/ng serve

可把这个命令保存到项目的快捷方式或脚本中，不同项目修改对应的数值即可。

内容的提问来源于stack exchange，提问作者Ice Wong