开发依赖与运行依赖

1. 概念

开发依赖：devDependencies 

运行依赖：dependencies 

2. 理解

（1）devDependencies

　　在线上状态不需要使用的依赖，就是开发依赖。为什么 npm 要把它单独分拆出来呢？最终目的是为了减少 node_modules 目录的大小以及 npm install 花费的时间。因为 npm 的依赖是嵌套的，所以可能看上去 package.json 中只有几个依赖，但实际上它又扩散到 N 个，而 N 个又扩散到 N 平方个，一层层扩散出去，可谓子子孙孙无穷尽也。如果能够尽量减少不使用的依赖，那么就能够节省线上机器的硬盘资源，也可以节省部署上线的时间。那么哪些可以算作开发依赖呢？如各种 babel-plugin-*、*-loader、webpack

（2）dependencies （线上运行依赖）

　　这是 npm 最基本的依赖，通过命令 npm i xxx -S 或者 npm i xxx --save 来安装一个包，并且添加到 package.json 的 dependencies 里面（这里 i 是 install 的简写，两者均可）。如果直接只写一个包的名字，则安装当前 npm registry 中这个包的最新版本；如果要指定版本的，可以把版本号写在包名后面，例如 npm i webpack@3.0.0 --save。那么哪些可以算作开发依赖呢？如 axios、vue、vuex、vue-router等。