npm的命令参数 --save-dev和 --save两者有什么区别？

我们在安装npm包的时候经常会遇到 --save-dev 和 --save 这两个命令参数，两个命令都是往package.json文件里写入信息，两者有什么区别呢？

1. --save 会把依赖包名称添加到 package.json 的 dependencies 键下，而 --save-dev 会添加到 devDependencies 键下。

2.dependencies 是运行时的依赖，而devDependencies是开发时的依赖。也就是说，采用 --save-dev 安装的包我们发布后是用不到的，只有在开发时用到。采用 --save 安装的包在发布后还会有依赖，例如：如下代码：

"devDependencies": {
    "babel-core": "6.26.0",
    "babel-loader": "7.1.2",
    "babel-preset-env": "1.6.1",
    "babel-preset-react": "6.24.1",
    "css-loader": "0.28.8",
    "extract-text-webpack-plugin": "3.0.2",
    "file-loader": "^1.1.6",
    "html-webpack-plugin": "2.30.1",
    "node-sass": "^4.7.2",
    "sass-loader": "6.0.6",
    "style-loader": "0.19.1",
    "url-loader": "^0.6.2",
    "webpack": "3.10.0"
  },
  "dependencies": {
    "react": "16.2.0",
    "react-dom": "16.2.0"
  }

此外，当我们使用npm install 时会下载 dependencies 和 devDependencies 下的模块。使用 npm install -production或者给定NODE_ENV值为production时，就只下载 dependencies 下的模块。