devDependencies和dependencies的区别

dependencies devDependencies

dependencies 程序正常运行需要的包。
devDependencies 是开发需要的包，比如 一些单元测试的包之类的。

一个node package有两种依赖，一种是dependencies一种是devDependencies，

其中前者依赖的项该是正常运行该包时所需要的依赖项，

而后者则是开发的时候需要的依赖项，像一些进行单元测试之类的包。

如果将包下载下来在包的根目录里运行npm install默认会安装两种依赖，如果只是单纯的使用这个包而不需要进行一些改动测试之类的，可以使用npm install --production，只安装dependencies而不安装devDependencies。

• 如果是通过npm install packagename 那么只会安装到dependencies。
• 如果只想要安装devDependencies，需要输入npm install packagename --dev。

---

那么哪些时装到devDependencies，哪些是装到dependencies呢

开发时用的工具，打包后不需要 ，就装到devDependencies，例如 一些babel编译之类的 babel-plugin-component，eslint ，prettier ，less等

image.png

而像UI框架，JS框架，工具等，需要装到dependencies，例如 axios，element-ui， vue-router

image.png

安装less后
错误：npm install --save less
错误：npm install --save less-loader@5.0.0
错误：npm install --save less -D

npm uninstall less 卸载
npm install less -D
less 只装到devDependencies，只在开发时候用

npm uninstall less-loader 卸载
npm install less-loader@5.0.0 -D
less-loader只装到devDependencies，只在开发时候用