dependencies与devDependencies的区别

dependencies

• 概念
  包含开发环境和测试环境都会用到的依赖包。即是我们生产环境和开发环境中都需要的依赖项。

• 安装
  npm install 或
  npm install --save

• 卸载
  npm uninstall

• 执行该配置需要的设置
  即设置 mode=production 或 NODE_ENV=production 时，会打包dependencies中指向的依赖包。

devDependencies

• 概念
  包含仅在测试环境中会用到的包。是我们开发时用的依赖项，像一些进行单元测试之类的包grunt-contrib-uglify，或webpack等工具，它们不会被部署到生产环境（即dist目录）。

• 安装
  npm install –save-dev

• 卸载
  npm uninstall

• 执行该配置需要的设置
  即设置 mode=development 或 NODE_ENV=development 时，会打包dependencies和devDependencies中指向的依赖包。

备注

上面的mode指的是webpack的一个属性，具体可见：https://www.webpackjs.com/concepts/mode/#mode-development

与生产环境和开发环境结合区别

https://www.imooc.com/article/287779