简介

我们在项目中使用 npm 安装包的时候，命令后面带着 -S 和 -D 时，你是否感到疑惑，为什么会带有这两个命令，以及有什么作用呢？如果有疑惑看完这篇文章应该可以帮助你解开。

npm install xxx -D

npm install xxx -save-dev 简写（npm install xxx -D） 会把模块和版本号添加到 package.json文件的 devDependencies。

-D后，安装包会在package中的  devDependencies对象中。简称dev。dev是在开发环境中要用到的。

举例

构建工具：webpack是用来压缩代码，打包等需要的工具，程序实际运行的时候并不需要，就要放在dev中所以要用  -D

npm install xxx -S

npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到 dependencies。

-S后，安装包会在package中的  dependencies  对象中。简称dep。dep是在生产环境中要用到的。

举例

项目插件：例如element ui、Vant、echarts这种插件要在运行中使用的，就要放在dep中所以就用  -S