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

37 阅读2分钟

一、开发依赖(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 ,什么包不要加?------- 看官方文档