monorepo和pnpm

js 复制代码
//  a/index.js
export default () => {
  console.log('我是@dlxui/a包')
}
js 复制代码
a/package.json
{
  "name": "@dlxui/a",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "type": "module"
}

现在要在b目录下安装dlxui/a,需要执行以下命令

js 复制代码
pnpm add @dlxui/a --filter @dlxui/b --workspace

`pnpm add @dlxui/a`:这部分表示要安装名为 `@dlxui/a` 的包。
`--filter @dlxui/b`:这个选项用于指定只在 `@dlxui/b` 工作区中安装该包。这意味着 `@dlxui/a` 将只被添加到 `@dlxui/b` 的依赖中,而不会影响其他工作区。
`--workspace`:这个选项指示 `pnpm` 在工作区上下文中执行命令,确保在工作区的依赖关系中进行正确的处理。

这个命令的作用是将 `@dlxui/a` 包添加到 `@dlxui/b` 工作区的依赖中,同时确保在工作区的上下文中进行操作。这在使用 monorepo 结构时非常有用,可以有效管理多个包之间的依赖关系
js 复制代码
b/index.js

import sayHello from '@dlxui/a'

sayHello()
js 复制代码
b/package.json
{
  "name": "@dlxui/b",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "type": "module",
  "dependencies": {
    "@dlxui/a": "workspace:^"
  }
}

在b目录下执行node index.js,输出:

相关推荐
hunterandroid6 小时前
[鸿蒙从零到一] ArkUI 状态管理实战:从 @State 到 @Provide 与 @Consume
前端
Hilaku6 小时前
为什么很多人觉得前端很简单?
前端·javascript·程序员
hunterandroid6 小时前
[鸿蒙从零到一] ArkUI 列表与网格实战:List、Grid 与 LazyForEach
前端
李明卫杭州6 小时前
Vue2 数组响应式为什么总"不更新"?深入源码对比 Vue3 的 Proxy 改造
前端·javascript·vue.js
索西引擎6 小时前
【React】useReducer 与 useState 的比较研究:复杂状态管理场景下的选型
前端·react.js·前端框架
hunterandroid6 小时前
前台服务适配与线上排查:通知权限、启动限制和任务保活
android·前端
我是大卫7 小时前
【图】React源码解析-从“上帝视角”俯瞰React的认知框架
前端·react.js·源码
不简说7 小时前
JS 代码技巧 vol.6 — 20 个性能优化野路子,从渲染到网络全栈提速
前端·javascript·程序员
小岛前端7 小时前
展示!我 Vibe 了一个 Codex HUD
前端·ai编程
我是大卫7 小时前
【图】React源码解析-从源码数据结构、执行机制对比、闭包陷阱与最佳实践四个维度,深挖useMemo和useCallback的底层原理
前端·react.js·源码