package.json中devDependencies与dependencies的区别

前言:之前一直不懂既然都是项目的依赖,为什么要分成两个部分,devDependencies和dependencies,有什么区别?

安装方式

我们在通过npm安装插件或库时,有三种方式:

  • npm install packagename:将插件安装到项目,但不写入package.json(不推荐,这样最终需要手动添加)
  • npm install packagename --save:将插件安装进项目,并写入package.json的dependencies中
  • npm install packagename --save-dev:将插件安装进项目,并写入package.json的devDependencies中

很明显,--save表示保存到package.json中(默认为dependencies),-dev表示保存在package.json的devDependencies中

下载方式

拿到别人的项目时,会有package.json文件说明了项目依赖的插件,这时我们需要将包下载下来。

  • npm install:默认会安装两种依赖,
  • npm install --production:只安装dependencies而不安装devDependencies

区别

dev是develop的缩写,即表示开发模式,所以:

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

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

生产环境与开发环境

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

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

转载于:https://www.cnblogs.com/youhong/p/7224207.html

你可能感兴趣的:(package.json中devDependencies与dependencies的区别)