Vue项目package.json中devDependencies与dependencies的区别

本文转载至：https://www.jianshu.com/p/6d4138747131

安装方式

我们在通过cnpm安装插件或库时，有三种方式：

cnpm install：将插件安装到项目，但不写package.json（不推荐，这样最终需要手动添加）

cnpm install --save：将插件安装进项目，并写入package.json的dependencies中

cnpm install --save-dev：将插件安装进项目，并写入package.json的devDependencies中

很明显，--save表示保存到package.json中（默认为dependencies），-dev表示保存在package.json的devDependencies中

区别

dev是develop的缩写，即表示开发模式，所以：

devDependencies保存的依赖是只用于开发环境，不用于生产环境；

dependencies保存的依赖用于生产环境。

生产环境与开发环境

所谓开发环境，就是指开发阶段，比如webpack，gulp这些工具，都只是在开发阶段需要，一旦项目真正投入使用，便不再依赖这些插件，所以将其安装在devDependencies即可；

生产环境，则表示项目真正投入使用时，此时仍然需要依赖的插件则需要安装在dependencies中，比如vue，vue-router，jQuery这些，dependencies中没有这些插件，项目真实使用时就会出错。