npm --save-dev --save 的区别

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

{
 "dependencies": {
    "vue": "^2.2.1"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-preset-latest": "^6.0.0",
    "cross-env": "^3.0.0",
    "css-loader": "^0.25.0",
    "file-loader": "^0.9.0",
    "vue-loader": "^11.1.4",
    "vue-template-compiler": "^2.2.1",
    "webpack": "^2.2.0",
    "webpack-dev-server": "^2.2.0"
  }
}

不过这只是它们的表面区别。它们真正的区别是，npm本身的文档说dependencies是运行时依赖，devDependencies是开发时的依赖。即devDependencies 下列出的模块，是咱们开发时用的，好比 咱们安装 js的压缩包gulp-uglify 时，咱们采用的是 “npm install –save-dev gulp-uglify ”命令安装，由于咱们在发布后用不到它，而只是在咱们开发才用到它。dependencies 下的模块，则是咱们发布后还须要依赖的模块，譬如像jQuery库或者Angular框架相似的，咱们在开发完后后确定还要依赖它们，不然就运行不了。

另外须要补充的是： 
正常使用npm install时，会下载dependencies和devDependencies中的模块，当使用npm install –production或者注明NODE_ENV变量值为production时，只会下载dependencies中的模块。