深入理解package.json中dependencies和devDependencies 的区别

现在很多前端框架项目中都需要使用到依赖，但是安装依赖的时候到底应该使用  --save或-S（简写）   还是  --save-dev或-D（简写） 呢，所以需要对dependencies和devDependencies 有清楚的认识。

1. dependencies：生产和开发都会用到的依赖，最后会被打包到项目中。eg：npm i jquery -S

2. devDependencies ：只在开发环境中使用的依赖，最后不会被打包到项目中。eg：npm i webpack -D

 

知道了这两者的定义，那么到底什么时候用哪种呢？下面给出具体说明：

1. 如果这个依赖从开发到上线（生产）都需要使用，那么就使用--save或-S，例如，jquery、vue、axios、html2canvas等

2. 如果这个依赖只是开发的时候要用，上线之后就不需要了，就可以使用--save-dev或-D，这样做有利于减小项目体积。例如开发项目中要用到的webpack及其插件，各种加载器如url-loader、sass-loader，各种babel转译插件如babel-core ......。这些依赖只是开发时候用到的工具，生产环境下就不需要了