你会知道有关前端包管理器的那些事如今在市面上，主流的javascript包管理器主要为npm，yarn，pnpm，但这些

包管理器

如今在市面上，主流的javascript包管理器主要为npm，yarn，pnpm，但这些又存在着什么样的差异性呢，让我们接下去往下看：

在项目中package.json中每个依赖项总是存在一些特定的符号，如~、^、*

幽灵依赖是指在项目中没有声明在package.json中的包，但确能直接被使用；这些没声明但能被使用的包实际上项目依赖的间接依赖（即是依赖中的依赖）。因此，产生的核心原因是扁平化 node_modules 结构直接相关

具体实例

your-project
└── depends-on-A@1.0.0
    └──Lodash@4.17.0

在 npm/yarn 的扁平化结构下：

node_modules/
├── depends-on-A/   # 你的直接依赖
└── lodash/         # 被提升的间接依赖(幽灵依赖!)

虽然你的 package.json 中没有声明 lodash，但代码中可以这样使用：

const _ = require('lodash'); // 可以工作，但这是幽灵依赖!

pnpm相关处理

pnpm 使用不同的 node_modules 结构：

node_modules/
├── .pnpm/           # 所有依赖的实际存储位置
├── depends-on-A/    # 只包含 depends-on-A 的代码
└── lodash/          # 不存在! 因为未被显式声明

在 pnpm 中：

Peer Dependencies（对等依赖）是 package.json 中的一种特殊依赖类型，用于声明 "我的包需要宿主环境提供这些依赖，但我不想自己安装"

如下场景：

webpack-loader需要宿主项目安装webpack，那么需要package.json声明

{
  "peerDependencies": {
    "webpack": "^5.0.0"
  }
}