一文了解npm install -g和npm install --save-dev的关系

本文分享自华为云社区《npm install -g 和 npm install --save-dev 的关系》,作者: SHQ5785。

一、npm install 本地安装

  1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  2. 可以通过 require() 来引入本地安装包。

二、npm install -g 全局安装

  1. 将安装包放在 /usr/local 下或者 node 的安装目录。
  2. 可以直接在命令行里使用。

三、npm install --save

  1. 会把build包安装到node_modules目录中;
  2. 会在package.json的dependencies属性下添加build;
  3. 之后运行npm install命令时,会自动安装build到node_modules目录中;
  4. 之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中;

四、npm install --save-dev

  1. 会把msbuild包安装到node_modules目录中;
  2. 会在package.json的devDependencies属性下添加msbuild;
  3. 之后运行npm install命令时,会自动安装msbuild到node_modules目录中;
  4. 之后运行npm install --production或者注明NODE_ENV变量值为production时,不会自动安装msbuild到node_modules目录中;

五、package.json 中 dependencies 与 devDependencies 的区别

  • dependencies:

应用能够正常运行所依赖的包。这种 dependencies 是最常见的,用户在使用 npm install 安装包时会自动安装这些依赖。

  • devDependencies:

开发应用时所依赖的工具包。通常是一些开发、测试、打包工具,例如 webpack、ESLint、Mocha。应用正常运行并不依赖于这些包,用户在使用 npm install 安装包时也不会安装这些依赖。

  • peerDependencies:

应用运行依赖的宿主包。最典型的就是插件,例如各种 jQuery 插件,这些插件本身不包含 jQeury,需要外部提供。用户使用 npm 1 或 2 时会自动安装这种依赖,npm 3 不会自动安装,会提示用户安装。

  • bundledDependencies:

发布包时需要打包的依赖,似乎很少见。

  • optionalDependencies:

可选的依赖包。此种依赖不是程序运行所必须的,但是安装后可能会有新功能,例如一个图片解码库,安装了 optionalDependencies 后会支持更多的格式。

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

devDependencies 里面的插件(比如各种loader,babel全家桶及各种webpack插件等)只用于开发环境,不用于生产环境,因此不需要打包;而 dependencies 是需要发布到生产环境的,是要打包的。

点击关注,第一时间了解华为云新鲜技术~

相关推荐
We་ct1 分钟前
LeetCode 77. 组合:DFS回溯+剪枝,高效求解组合问题
开发语言·前端·算法·leetcode·typescript·深度优先·剪枝
KerwinChou_CN6 分钟前
什么是流式输出,后端怎么生成,前端怎么渲染
前端
爱上妖精的尾巴8 分钟前
8-18 WPS JS宏 正则表达式-边界匹配
开发语言·javascript·正则表达式·wps·jsa
爱上妖精的尾巴8 分钟前
8-20 WPS JS宏 正则表达式-懒惰匹配
服务器·前端·javascript
网络点点滴10 分钟前
组件通信props方式
前端·javascript·vue.js
二十雨辰14 分钟前
[小结]-线上Bug监控
前端·bug
前端技术16 分钟前
【鸿蒙实战】从零打造智能物联网家居控制系统:HarmonyOS Next分布式能力的完美诠释
java·前端·人工智能·分布式·物联网·前端框架·harmonyos
CHU72903517 分钟前
指尖践行环保——旧衣服回收小程序前端功能玩法详解
前端·小程序
weixin_4434785118 分钟前
flutter组件学习之Flex / Expanded弹性布局组件
javascript·学习·flutter
LawrenceLan18 分钟前
38.Flutter 零基础入门(三十八):网络请求实战 http、dio —— 获取列表与刷新 UI
开发语言·前端·flutter·dart