--save-dev和--save的区别

使用npm来进行前端包管理的时候，我们会用到npm install或者cnpm install命令来安装需要用到的包资源

1: npm install *** --save-dev

2: npm install *** --save

我们通常会使用以上两种安装命令，而两者的区别在于：

当我们需要安装一些支持类的工具的时候，例如webpack，babel-loader之类时，我们希望用

npm install *** --save-dev 命令，该命令会使安装的包在package.json中的devDependencies:{***}中

当我们安装的是一些实际在项目代码中会用到的框架的时候，例如react，jquery，antd-design等，我们希望用

npm install *** --save 命令，该命令会使安装的包在package.json中的dependencies:{***}中



从package.json中的字段我们也可以理解为，但一些工具是在开发环境中才使用到的时候（在开发环境中我们会需要进行一些例如起本地服务，代理，转码，打包等操作），我们将其安装在devDependencies:{***}中

而对于在生产环境中同样会用到的工具框架（生产环境中已经是成熟的应用，所有的东西都应该是核心有效的），我们需要将其安装在dependencies:{***}中。

（当使用npm install --production的时候，只会安装dependencies:{***}中的项目。