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,输出:

相关推荐
HuangYongbiao19 分钟前
Rspack 原理:webpack,我为什么不要你
前端
yinuo22 分钟前
前端项目开发阶段崩溃?试试这招“Node 内存扩容术”,立马复活!
前端
前端鳄鱼崽24 分钟前
【react-native-inspector】全网唯一开源 react-native 点击组件跳转到编辑器
前端·react native·react.js
用户984022766791824 分钟前
【React.js】渐变环形进度条
前端·react.js·svg
90后的晨仔25 分钟前
Webpack完全指南:从零到一彻底掌握前端构建工具
前端·vue.js
Holin_浩霖26 分钟前
JavaScript 语言革命:ES6+ 现代编程范式深度解析与工程实践
前端
前端拿破轮32 分钟前
从0到1搭一个monorepo项目(一)
前端·javascript·git
m0_7414122436 分钟前
大文件上传与文件下载
前端
wu_jing_sheng037 分钟前
Python中使用HTTP 206状态码实现大文件下载的完整指南
开发语言·前端·python
90后的晨仔43 分钟前
Vue3项目全面部署指南:从构建到上线
前端·vue.js