devDependencies和dependencies有什么区

在这里插入图片描述

在使用npm安装一些包时，经常要用到npm install这个命令，而对后面跟着的参数–save和–save-dev经常搞糊涂，那我们来看下这两者到底有啥区别。

1. devDependencies用于本地环境开发时候所需要的依赖包。

2. dependencies用户发布环境，生成上所需要的依赖包

---

• 后面部分为--save -dev 的情况会使得下载的插件放在package.json文件的devDpendencies对象里面

• 后面部分为--save的情况会使得下载的插件放在package.json文件的dependencies对象里面

---

区别

如图：

• devDependencies下的依赖包，只是我们在本地或开发坏境下运行代码所依赖的，若发到线上，其实就不需要devDependencies下的所有依赖包；(比如各种loader，babel全家桶及各种webpack的插件等)只用于开发环境，不用于生产环境，因此不需要打包；
• dependencies是我们线上(生产坏境)下所要依赖的包，比如vue，我们线上时必须要使用的，所以要放在dependencies下；dependencies依赖的包不仅开发环境能使用，生产环境也能使用