NPM常用命令及--save和--dev的区别在哪里

有的教程中使用 npm install 的–save 有的使用的是 --save-dev ,我之前对这两个参数的理解也是模糊的,随查阅资料,找到一篇文章,转载过来方便自己以后查阅。

前置知识
关于package.json的依赖关系:
package.json提供了三种依赖关系定义:

解释
dependencies是运行时依赖,devDependencies 是开发时依赖,即devDependencies 下列出的模块,是我们开发时用的。peerDependencies是为插件准备的。比如grunt的插件,里面没有“require(“grunt”)”,所以用dependencies会有问题,需要单独列出。

npm install 常用命令

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

那么问题来了,在项目中我们应该使用四个命令中的哪个呢?下面对这四个命令进行了对比:

npm install moduleName 命令

  1. 安装模块到项目 node_modules 目录下。

  2. 不会将模块依赖写入 devDependencies 或 dependencies 节点。

  3. 运行 npm install 初始化项目时不会下载模块。

npm install -g moduleName 命令

  1. 安装模块到全局,不会在项目 node_modules 目录中保存模块包。

  2. 不会将模块依赖写入 devDependencies 或 dependencies 节点。

  3. 运行 npm install 初始化项目时不会下载模块。

npm install --save moduleName 命令

  1. 安装模块到项目 node_modules 目录下。

  2. 会将模块依赖写入 dependencies 节点。

  3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。

  4. 运行npm install --production 或者注明 NODE_ENV 变量值为 production 时,会自动下载模块到 node_modules 目录中。

npm install --save-dev moduleName 命令

  1. 安装模块到项目 node_modules 目录下。

  2. 会将模块依赖写入 devDependencies 节点。

  3. 运行 npm install 初始化项目时,会将模块下载到项目目录下。

  4. 运行npm install --production 或者注明 NODE_ENV 变量值为 production 时,不会自动下载模块到 node_modules 目录中。

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

上一篇:react在移动端的自适应布局


下一篇:vue前期项目搭建所需要安装的插件,idea操作