使用 pnpm 时 @ant-design/cssinjs 如何管理？

[liuweiGL]

antd 开启 layer 时需要从 @ant-design/cssinjs 导入 StyleProvider，目前好像只能项目中显式安装 @ant-design/cssinjs 依赖？这是不是有点不太好，升级 antd 的时候还得去对比 @ant-design/cssinjs 版本是否兼容

[qoxmfaktmxj]

目前 antd 没有从主包 re-export StyleProvider，所以开启 layer 时确实需要在项目里直接依赖 @ant-design/cssinjs（pnpm 严格模式下也无法直接 import 传递依赖）。

关键点是：项目里的 @ant-design/cssinjs 必须和 antd 内部使用的是同一个实例，否则 StyleProvider 的 context 不会生效，layer 看起来就像没开启。

用 pnpm 可以这样避免手动对比版本：

{
  "dependencies": {
    "antd": "^6.6.5",
    "@ant-design/cssinjs": "^2.1.2"
  },
  "pnpm": {
    "overrides": {
      "@ant-design/cssinjs": "$@ant-design/cssinjs"
    }
  }
}

$@ant-design/cssinjs 表示强制所有依赖（包括 antd 内部）都使用你在 dependencies 里声明的那个版本，这样整个依赖树里只会有一份。

升级 antd 后可以检查一下：

pnpm why @ant-design/cssinjs

只出现一个版本就没问题；如果 antd 升级后要求了新的 major（比如 ^3），再同步修改 dependencies 里的范围即可。