--save-dev 与－－save区别

最新推荐文章于 2025-12-16 17:03:11 发布

转载最新推荐文章于 2025-12-16 17:03:11 发布 · 115 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiu-Ann/p/7405475.html

文章标签：

#json #javascript #ViewUI

本文深入解析了npminstall命令的--save与--save-dev参数的区别，解释了它们如何影响package.json文件的dependencies与devDependencies字段。通过实例展示了在开发过程中如何合理选择依赖类型，以及在生产环境中如何仅安装必要的依赖。

npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install --save另一个是 npm install --save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 devDependencies 键下，比如：

{
   "name": "grunt_test",
   "version": "1.0.0",
   "devDependencies": {
       "grunt": "^1.0.1",
       "grunt-contrib-clean": "^1.1.0",
       "grunt-contrib-concat": "^1.0.1",
       "grunt-contrib-copy": "^1.0.0",
       "grunt-contrib-csslint": "^2.0.0",
       "grunt-contrib-cssmin": "^2.2.0",
       "grunt-contrib-jshint": "^1.1.0",
       "grunt-contrib-uglify": "^3.0.1",
       "grunt-contrib-watch": "^1.0.0"
   },
   "dependencies": {
       "uglify-js": "^3.0.24",
       "uglifyjs": "^2.4.11"
   }
}

不过这只是它们的表面区别。它们真正的区别是，devDependencies 下列出的模块，是我们开发时用的，比如我们安装 js的压缩包grunt-contrib-uglify 时，我们采用的是 “npm install --save-dev grunt-contrib-uglify ” 命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们，否则就运行不了。
另外需要补充的是：
正常使用npm install时，会下载dependencies和devDependencies中的模块，当使用npm install --production或者注明NODE_ENV变量值为production时，只会下载dependencies中的模块。

转载于:https://www.cnblogs.com/qiu-Ann/p/7405475.html

--save-dev 与 －－save区别

--save-dev 与－－save区别