逻辑鬼才教你理解 开发依赖 和 生产依赖

一、开发依赖(devDependencies)

假如我们用gulp对html进行压缩，我们通常会用到一个插件gulp-htmlmin。我们只希望它把html压缩完就ok了，并不希望它融入我们的项目代码中，即只存在于开发环境，因此把他归类为"开发依赖"

二、生产依赖(dependencies)

在开发时参与源码编写，在发布上线的生产环境中也是需要它的。不仅在开发环境编写代码时要依赖它、线上环境也要依赖它，因此将它归类为"生产依赖"。

三、理解 :

举例 : 

         在男人追女人的过程中,我们依赖 : 

                - 糖衣炮弹，礼物，了解关于她兴趣爱好的东西，讨好闺蜜

                - 有钱，有车，有房

        在结婚的时候，我们依赖 ：

                - 有钱，有车，有房，人品，三观

        在进入结婚的阶段的时候，那么糖衣炮弹，礼物等等就不需要了，这个时候就需要双方家长吃饭，谈彩礼，房，车，人品，三观

        在开发前端项目的过程中也存在类似的问题：我们的开发过程和使用过程是分开的，开发项目时需要用到的包可能在使用项目时就不需要用到了。

四、操作

        1. 保存到开发依赖(devDependencies)

npm install 包名 --save-dev
// 或者 npm install 包名 -D

 通过这种方式安装的包出会现在package.json文件中的devDependencies字段中

         2. 保存到生产依赖(dependencies):

npm install 包名
// 或者 npm install 包名 -S
// 或者 npm install 包名 --save

 通过这种方式安装的包出会现在package.json文件中的dependencies字段中。

四、小技巧 ： 

加了 -D :  开发依赖，这就表示这个工具包只在开发项目时候要用，项目开发完成就不需要

不加 -D： 生产依赖，这就表示这个工具包在项目做完了之后也要用

什么包加上 -D ,什么包不要加？------- 看官方文档