npm install 、npm install --save 和 npm install --save-dev的区别介绍

 更新时间:2023年04月25日 15:39:40   作者:潘建南  
这篇文章主要介绍了npm install 、npm install --save 和 npm install --save-dev的区别介绍,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

相同点

三者都会本地安装包到项目的node_modules目录中

区别

区别在于对项目package.json的修改,npm install不会修改package.json,而后两者会将依赖添加进package.json,后两者的区别请看下文循序渐进。

指定依赖包

指定包取决于你的项目,你需要在package.json 文件中列出你需要使用的包,有两种包可以选择:

  • “dependencies”: 这些包都是你的应用程序在生产环境中所需要的。
  • “devDepedencies”:这些包只是在开发和测试中需要的。

手动编辑package.json文件

你可以手动编辑你的package.json。你需要在包的dependencies 对象中创建一个属性用来指出你需要添加的依赖。 
例如下面的项目中,在主要生产环境中使用包my_dep的版本1.0.0,而在在开发环境中使用包 my_test_framework 的3.1.0版本。

{
  "name": "my_package",
  "version": "1.0.0",
  "dependencies": {
    "my_dep": "^1.0.0"
  },
  "devDependencies" : {
    "my_test_framework": "^3.1.0"
  }
}

--save 和--save-dev下载标签

  • 他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下,--save-dev 则添加到 package.json 文件 devDependencies 键下.
  • dependencies是运行时依赖,devDependencies是开发时的依赖。即devDependencies 下列出的模块,是我们开发时用的

比如 我们安装 js的压缩包gulp-uglify 时,我们采用的是 “npm install gulp-uglify --save-dev”命令安装,因为我们在发布后用不到它,而只是在我们开发才用到它。dependencies 下的模块,则是我们发布后还需要依赖的模块,譬如像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了。

补充:正常使用npm install时,会下载dependencies和devDependencies中的模块,当使用npm install --production或者注明NODE_ENV变量值为production时,只会下载dependencies中的模块。

到此这篇关于npm install 、npm install --save 和 npm install --save-dev的区别的文章就介绍到这了,更多相关npm install --save和npm install --save-dev区别内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS选中checkbox后获取table内一行TD所有数据的方法

    JS选中checkbox后获取table内一行TD所有数据的方法

    这篇文章主要介绍了JS选中checkbox后获取table内一行TD所有数据的方法,涉及javascript针对table元素遍历与获取的技巧,需要的朋友可以参考下
    2015-07-07
  • bootstrap响应式工具使用详解

    bootstrap响应式工具使用详解

    这篇文章主要介绍了bootstrap响应式工具使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • js仿京东放大镜效果

    js仿京东放大镜效果

    这篇文章主要为大家详细介绍了js仿京东放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • 微信小程序实现课程选择器

    微信小程序实现课程选择器

    这篇文章主要为大家详细介绍了微信小程序实现课程选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript数据可视化:ECharts制作地图

    JavaScript数据可视化:ECharts制作地图

    这篇文章主要介绍了Echarts实现可视化地图,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-08-08
  • 解决layer弹层遮罩挡住窗体的问题

    解决layer弹层遮罩挡住窗体的问题

    今天小编就为大家分享一篇解决layer弹层遮罩挡住窗体的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • js使用html2canvas实现屏幕截取的示例代码

    js使用html2canvas实现屏幕截取的示例代码

    这篇文章主要介绍了js使用html2canvas实现屏幕截取的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JS获取浮动(float)元素的style.left值为空的快速解决办法

    JS获取浮动(float)元素的style.left值为空的快速解决办法

    这篇文章主要介绍了JS获取浮动(float)元素的style.left值为空的快速解决办法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • 详解JavaScript中哪一种循环最快呢

    详解JavaScript中哪一种循环最快呢

    这篇文章主要介绍了详解JavaScript中哪一种循环最快呢,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 原生JS实现翻书特效

    原生JS实现翻书特效

    这篇文章主要为大家详细介绍了原生JS实现翻书特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10

最新评论