如何缩减Angular项目的磁盘占用空间？

为什么node_modules会占用这么多空间？ #

• Angular CLI默认初始化的项目包含了完整的开发、构建、测试生态依赖：比如TypeScript编译器、webpack构建工具、Jasmine/Karma测试框架、ESLint代码检查工具等，这些工具本身及它们的依赖包数量多、体积大。
• Node包的依赖嵌套与重复：很多第三方包会依赖其他包，早期npm的依赖管理会重复安装相同版本的包，即便现在的包管理器做了依赖扁平化处理，仍会存在部分冗余文件。
• Angular核心库及配套模块的体积：@angular/core、@angular/router、@angular/common等核心库本身就有一定体积，再加上它们的依赖，累积起来占用空间不小。

缩减node_modules体积的实用方法 #

• 用pnpm替代npm/yarn：pnpm通过硬链接和符号链接实现依赖包共享，不同项目共用相同版本的包，不会重复下载，能显著降低磁盘占用。只需执行pnpm install即可替换现有依赖安装。
• 移除未使用的依赖：打开package.json，检查dependencies和devDependencies，删掉项目用不上的包。比如不需要测试的话，执行npm uninstall jasmine karma卸载相关依赖。
• 仅安装生产依赖：如果只是为了部署生产环境，执行npm install --production，这会跳过devDependencies里的开发工具包，大幅缩小node_modules体积。
• 使用精简初始化选项创建项目：创建项目时加--minimal参数：ng new ProjectName --minimal，这个选项会跳过测试配置、代码检查等非核心组件，生成的项目结构更精简，对应的node_modules也更小。
• 清理包管理器缓存：npm、yarn、pnpm都会缓存下载过的包，执行npm cache clean --force（npm）、yarn cache clean（yarn）或pnpm store prune（pnpm）清理无用缓存。
• 重新安装依赖：删除node_modules文件夹和对应的锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml），然后重新执行安装命令，能优化依赖结构，减少冗余文件。

内容的提问来源于stack exchange，提问作者Sujit Prabhakaran