前言

最近在学习webpack相关的知识，偶然遇到这方面的知识，顺便记录下。

具体区别

npm全称Node Package Manager，是全球最大的JavaScript包管理工具。我们可以通过npm install <package_name>的方式很方便的安装我们需要的包。
但一般包有很多的版本，如何记录下我们当前的包的版本以及其他的信息呢？这就需要package.json文件了，package.json是我们存放当前项目中安装的包信息的文件，我们有两种方法可以把当前安装的包信息写入到该文件中。

方法1

npm install <package-name> -D

-D是简写，也可以写成--save--dev，表示当前的包仅在开发环境之下存在。
用这种方法安装的包的信息存在package.json文件的dependencies对象里面。
用这些方法安装的包一般都是一些辅助工具，比如： gulp ，babel，webpack 等。

方法2

npm install <package-name> -S

-S是简写，也可以写成--save，表示在生产模式之下，当前包的依赖仍然存在。
用这种方法安装的包的信息存在package.json文件的devDependencies对象里面
用这些方法安装的包一般都是开发框架，比如： vue ,react 等。

补充，开发环境和生产环境的区别

开发环境
程序员在开发时的环境

生产环境
即用户使用的环境。由特定人员来维护，一般人没有权限去修改。