React开发中npm命令使用--save参数的原因与作用是什么？

基本含义 #

--save 是npm install命令的可选标识参数，作用是将当前安装的npm包信息写入项目根目录package.json文件的dependencies（生产依赖）字段中。

核心作用 #

• 自动记录项目运行必需依赖：所有项目线上环境运行离不开的包（比如你示例中的react-router-dom路由库，以及React核心库、UI组件库等）都会被同步记录到依赖清单中，其他协作者或者你在新环境拉取项目代码后，只需执行npm install就能一键安装所有必需依赖，无需逐个手动安装
• 区分依赖类型，优化打包逻辑：和对应开发依赖的--save-dev（缩写为-D，会将包写入devDependencies字段，存放仅开发阶段用到的工具比如代码校验工具、打包工具、测试库等）做明确区分，项目上线打包时可以直接排除所有开发依赖，有效压缩最终产物体积

实际使用说明 #

你给出的示例命令：

npm install --save react-router-dom

执行后会完成两个操作：

1. 把react-router-dom包下载安装到项目的node_modules目录中
2. 在package.json的dependencies字段自动新增对应版本的依赖记录，示例："react-router-dom": "^18.2.0"，版本号根据你安装时的最新稳定版自动匹配

额外提示：npm 5.0.0及以上版本已经将--save设为默认参数，也就是说直接执行npm install react-router-dom和加--save的效果完全一致，无需额外添加该标识。只有使用npm 5之前的旧版本时，才需要手动加--save才会将依赖写入package.json。

内容的提问来源于stack exchange，提问作者Adnan Nawaz