npm后面的-S和-D参数举例详解

npm后面的 -S和-D参数可以加上也可以不加上，但推荐加上，这样更加语义化！

举例：

1、-S

npm i jQuery -S  
就等于 
npm i jQuery --save

注意：

• i是install的简写
• 后面的-S（或者–save）参数表示安装的第三方包（即上面举例的jQuery）放在文件package.json里面的"dependencies",代码如下：

"dependencies":{
      "jQuery":"^3.6.0"   //3.6.0是jQuery的版本号
}

2、-D

npm i webpack@5.42.1 webpack-cli@4.7.2 -D
就等于
npm i webpack@5.42.1 webpack-cli@4.7.2 --save-dev

注意：

• 后面的-D（或者–save-dev）参数表示安装的第三方包（即上面举例的webpack和webpack-cli)被记录在package.json里面的"devdependencies"，代码如下：

"devdependencies":{
      "webpack":"^5.42.1",
      "webpack-cli":"^4.7.2"
}

3、"dependencies"表示开发和上线都需要的第三方包，用-S

4、"devdependencies"表示仅在开发阶段需要的第三方包，用-D

5、如何判断何时用-S还是-D？

• 第一步：

  

• 进入这个网站后，例如需要下载webpack，即在这个网站里面直接搜索webpack

  

• 点击你需要下载的webpack选项，这里我点击第一个，进入后往下滚动，找到如下图，就知道官网规定的，是-S还是-D

  

附：npm -s和-d区别

npm install module_name -S = > npm install module_name --save

写入到 dependencies 对象

npm install module_name -D => npm install module_name --save-dev

写入到 devDependencies 对象

那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？

devDependencies 里面的插件只用于开发环境，不用于生产环境，而 dependencies 是需要发布到生产环境的。

总结 

到此这篇关于npm后面的-S和-D参数举例详解的文章就介绍到这了,更多相关npm -S和-D参数详解内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！