使用NPM Workspaces时如何强制从注册表安装而非本地包？

针对你遇到的npm workspaces本地依赖未构建就被链接导致文件缺失的问题，目前没有直接强制npm从注册表拉取本地workspace包的配置，但可以通过以下几种方案解决：

方案一：子包配置prepare钩子（推荐） #

在tokens和icons子包的package.json中添加prepare脚本：

{
  "scripts": {
    "prepare": "npm run build",
    "build": "your-build-command-here" // 替换为实际构建命令，比如style-dictionary build或图标生成命令
  }
}

npm在安装/链接本地workspace包时，会自动执行prepare钩子。这样在npm ci过程中，当tokens和icons被链接到library时，会先完成构建，生成所需的tokens.css等产物，后续执行storybook:build时就不会出现文件缺失的报错。

方案二：根目录添加postinstall钩子 #

在根目录的package.json中添加postinstall脚本，确保所有依赖安装完成后自动触发子包构建：

{
  "scripts": {
    "postinstall": "npm run tokens:build --workspace=tokens && npm run icons:build --workspace=icons",
    "tokens:build": "npm run build --workspace=tokens",
    "icons:build": "npm run build --workspace=icons"
  }
}

每次执行npm ci或npm install后，都会自动完成子包的构建流程，保证产物提前生成。

方案三：临时绕过本地workspace（适合CI临时场景） #

如果确实需要强制从npm注册表拉取依赖，可以在library的package.json中给依赖版本加上npm:前缀：

{
  "dependencies": {
    "tokens": "npm:@your-scope/tokens@^1.0.0",
    "icons": "npm:@your-scope/icons@^1.0.0"
  }
}

这种语法会让npm忽略本地workspace的映射，直接从注册表拉取指定版本的包。但注意这会导致本地开发时无法使用未发布的子包改动，仅适合CI环境临时使用。

内容的提问来源于stack exchange，提问作者sebazelonka