【npm】npm的-D选项介绍

-Dnpm install 命令的常用选项,它的完整形式是 --save-dev,意思是:

主要作用

将包作为开发依赖(devDependencies)保存到 package.json 中

具体解释:

1. 依赖分类

json 复制代码
{
  "dependencies": {
    "express": "^4.18.0"      // 生产依赖
  },
  "devDependencies": {
    "typescript": "^5.0.0",   // 开发依赖
    "jest": "^29.0.0"         // 开发依赖
  }
}

2. 区分开发依赖和生产依赖

  • 生产依赖(dependencies):项目运行时必需的包

    • 如:express, react, lodash
    • 安装:npm install express
  • 开发依赖(devDependencies):只在开发阶段需要的包

    • 如:测试框架、构建工具、代码检查工具
    • 安装:npm install -D typescript

3. 实际应用场景

bash 复制代码
# 安装生产依赖
npm install express

# 安装开发依赖
npm install -D typescript
npm install -D jest
npm install -D webpack

# 或者完整写法
npm install --save-dev typescript

4. 重要影响

  • 部署影响 :使用 npm install --production 或设置 NODE_ENV=production 时,只安装生产依赖
  • 项目共享 :别人克隆你的项目后,运行 npm install 会安装所有依赖(包括开发依赖)

等价命令

bash 复制代码
npm i -D package-name    # 简写
npm install --save-dev package-name  # 完整写法
yarn add -D package-name  # yarn 的写法

示例对比

bash 复制代码
# 项目需要 TypeScript 编译,但生产环境不需要 TypeScript 本身
npm install -D typescript

# 项目需要 Express 来运行服务器
npm install express

简单记法:"-D" = "开发(Development)需要,生产不需要"

相关推荐
郭老二8 小时前
【前端】vue3:编译步骤
前端
不在逃避q8 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁9 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9859 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易9 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师10 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户0595401744610 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈10 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen11 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒11 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端