dependencies和devDependencies的区别

背景

在项目中安装 css-unicode-loader 修复线上环境icon乱码，直接 yarn add css-unicode-loader，代码 PR 的时候被问为什么安装dependencies？所以去了解了一下它俩的区别

dependencies

项目依赖： 例如 elementUI，vantUI，这些 UI 库我们会在业务代码中引用， 这个时候依赖需要安装在 dependencies 中

devDependencies

**开发依赖：**例如 css-loader，webpack 的 loader 文件，是在打包过程中使用，而不是项目中依赖的，所以上线以后不需要在下载依赖

yarn的基础操作命令

命令	备注
yarn add xxx	依赖默认安装到 dependencies
yarn add xxx --save	依赖安装到 dependencies
yarn add xxx -S	简写，依赖安装到 dependencies
yarn add xxx --dev	依赖安装到 devDependencies
yarn add xxx -D	简写，依赖安装到 devDependencies
yarn remove xxx	删除依赖包，会更新 yarn.lock文件
yarn -V	查看版本
yarn 官网	yarn 官网