Vue中的package.json里面dependencies和devDependencies区别

dependencies：

应用能够正常运行所依赖的包。这种 dependencies 是最常见的，用户在使用 npm install 安装你的包时会自动安装这些依赖。

devDependencies：

开发应用时所依赖的工具包。通常是一些开发、测试、打包工具，例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包，用户在使用 npm install 安装你的包时也不会安装这些依赖。

peerDependencies：

应用运行依赖的宿主包。最典型的就是插件，例如各种 jQuery 插件，这些插件本身不包含 jQeury，需要外部提供。用户使用 npm 1 或 2 时会自动安装这种依赖，npm 3 不会自动安装，会提示用户安装。

bundledDependencies：

发布包时需要打包的依赖，似乎很少见。

optionalDependencies：

可选的依赖包。此种依赖不是程序运行所必须的，但是安装后可能会有新功能，例如一个图片解码库，安装了 optionalDependencies 后会支持更多的格式。

我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：

npm i 【包名】 --save-dev

npm i 【包名】 --save

在 package.json 文件里面提现出来的区别就是：

使用 npm i 【包名】 --save-dev 安装的包，会被写入到 devDependencies 对象里面去；

而使用 npm i 【包名】 --save 安装的包，则被写入到 dependencies 对象里面去。

那么 package.json 文件里面的 devDependencies  和 dependencies 对象有什么区别呢？

devDependencies  里面的插件(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；而 dependencies  是需要发布到生产环境的，是要打包的。