dependencies和devDependencies的区别

前言

通常在开发项目中我们会遇到package.json文件，其中有两个相近的字段可能会让人感到困惑：dependencies 和 devDependencies。我们来具体看看这两者的区别。

详情

dependencies

• 字段指定了项目运行所依赖的模块，生产环境使用。
• 安装依赖包用 npm install [依赖包名称] --save ，这个依赖包就会出现在dependencies下面。

devDependencies

• 指定项目开发所需要的模块，开发和测试环境使用。
• 安装依赖包用 npm install [依赖包名称] --save-dev ，这个依赖包就会出现在devDependencies下面。

具体实例

图片.png

像element-ui，jquery，vue各种，是我们在生产环境中都要用的，如果没有项目就无法运行了，那么这些依赖包就放在dependencies下面。

图片.png

像webpack这些是我们在开发过程中用来打包的，代码提交线上时就不需要了，那么就放在devDependencies下面。

小伙伴们，你们学会了么？