npm install -save 和 -save-dev 的区别

345 阅读3分钟

以前刚用npm和webpack时就一直想不清楚这问题,模糊总结为 --save 就是线上给用户用的真实环境 , --save-dev 就是给码畜自己本地开发用的环境

本文原文参考地址:www.limitcode.com/detail/59a1…

本文原文参考地址(感谢)

我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式:

  • npm install compass-mixins ------ 安装模块到当前文件夹下的项目目录下
  • npm install -g compass-mixins ------ -g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm config prefix 的位置。
  • npm install -save compass-mixins ---- save的意思是将模块安装到当前文件夹项目目录下,并在package文件的dependencies节点写入依赖。
  • npm install -save-dev compass-mixins # -save-dev 的意思是将模块安装到当前文件夹项目目录下,并在package文件的devDependencies节点写入依赖。

npm install moduleName 命令

  • 1. 安装模块到当前文件夹项目node_modules目录下。
  • 2. 不会将模块依赖写入devDependencies或dependencies 节点。
  • 3. 当从github克隆下来一个看好的项目时 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令

  • 1. 安装模块到全局,不会在项目node_modules目录中保存模块包。
  • 2. 不会将模块依赖写入devDependencies或dependencies 节点。
  • 3. 当从github克隆下来一个看好的项目时 运行 npm install 初始化项目时不会下载模块。

npm install -save moduleName 命令

  • 1. 安装模块到当前文件夹项目node_modules目录下。
  • 2. 会将模块依赖写入package.json 中的 dependencies 节点。
  • 3. 当从github克隆下来一个看好的项目时 运行 npm install 初始化项目时,会将模块下载到项目目录下。
  • 4. 运行npm install --production或者注明NODE_ENV变量值为production时,会自动下载模块到node_modules目录中。

npm install -save-dev moduleName 命令

  • 1. 安装模块到当前文件夹项目node_modules目录下。
  • 2. 会将模块依赖写入package.json 中的 devDependencies 节点。
  • 3. 当从github克隆下来一个看好的项目时 运行 npm install 初始化项目时,会将模块下载到项目目录下。
  • 4. 运行npm install --production或者注明NODE_ENV变量值为production时,不会自动下载模块到node_modules目录中。

开发心得:

devDependencies 节点下的模块是我们在开发时需要用的,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的,所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的,应该安装在 dependencies 节点下,所以我们应该使用 -save 的形式安装。

结语

前端react QQ群:788023830 ---- React/Redux - 地下老英雄

前端交流QQ群:249620372 ---- FRONT-END-JS前端

(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习