devDependencies和dependencies的区别

Posted 2021-03-06 uakora

devDependencies：只用于开发环境，不希望打包入发布版本的依赖 （使用 --save-dev 或 -D）

dependencies：开发环境和生产环境都需要使用的依赖，发布版本所有必须的依赖 （使用 --save 或 -S）

开发环境依赖：

　　eg：npm install webpack -save-dev

　　eg：npm i bable-core -D

生产环境依赖：

　　eg：npm install jquery --save

　　eg：npm i vue -S

 

下面给出具体说明： 

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