如何减小React应用node_modules文件夹的文件体积？

首先明确通用开发规范：node_modules 目录完全不需要提交到 Github 仓库。你只需要在项目根目录新增 .gitignore 文件，写入 node_modules/ 规则即可主动忽略该文件夹，从根本上解决上传大体积文件的问题。

• 更换包管理器为 pnpm：pnpm 采用全局硬链接+项目软链接的依赖管理机制，多个项目的同版本依赖只会在全局存储一份，单个项目的 node_modules 体积可降低 60% 以上，同时依赖安装速度也远快于 npm。
• 清理冗余依赖：定期执行 npm prune 命令清理未在 package.json 中声明的冗余依赖；同时可手动排查项目依赖，将重型依赖替换为轻量替代方案，比如用 dayjs 替换 moment.js，单这一项就能减少几十MB的占用。
• 生产环境安装依赖时裁剪开发依赖：如果是部署阶段安装依赖，执行 npm install --production 命令，只会安装 dependencies 下的生产必要依赖，跳过 devDependencies 中的构建、lint 等开发工具类依赖，体积可减少 30%~50%。
• 开启依赖提升优化：npm 8+ 版本可通过配置 .npmrc 文件添加 hoist=true 规则，将重复的同版本依赖提升到顶层，避免重复安装。

如果你需要将 React 应用部署为 Github Pages 静态服务，完全不需要上传 node_modules：

• 本地开发完成后执行 npm run build 命令，打包出的静态产物会存放在 build 或 dist 目录，压缩后通常只有几MB大小。
• 你可以直接将打包产物上传到 Github 对应的部署分支，也可以配置 Github Actions 自动完成代码提交后的打包、部署流程，全程不需要提交 node_modules 到仓库。

内容的提问来源于stack exchange，提问作者Key Is Here