pnpm 使用workspace实现monorepo

最新推荐文章于 2024-07-06 15:40:52 发布
最新推荐文章于 2024-07-06 15:40:52 发布
阅读量844 收藏
点赞数
文章标签： github git mac 安全 linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35516360/article/details/122063952
版权

原文链接: pnpm 使用workspace实现monorepo

上一篇: js 在线性能测试 函数调用和三元运算符 闭包和局部变量

下一篇: regl-ts 使用ts重构regl尝试

参考下面的配置

https://github.com/ionatan-israel/simple-workspace-pnpm

对于我的使用场景来说pnpm足够了 

添加一个包
p add regl-ts -D

up-5ea9ab66166945c79384f6a40f25d602c21.png

这样就能进行多个包的相互联调了, 不需要使用link

发布的话需要改回来, 虽然dev下的不会安装但看着也不舒服, 可以试试rush那个虽然有点重, 但是企业级的

阿豪boy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
pnpm + workspace + changesets 构建你的 monorepo 工程
m0_67394230的博客
07-29 545
什么是monorepo？以及和multirepo的区别是什么关于这些问题，在之前的一篇介绍lerna的文章中已经详细介绍过，感兴趣的同学可以再回顾下。简而言之，monorepo就是把多个工程放到一个git仓库中进行管理，因此他们可以共享同一套构建流程、代码规范也可以做到统一，特别是如果存在模块间的相互引用的情况，查看代码、修改bug、调试等会更加方便。pnpm是新一代的包管理工具，号称是最先进的包管理器。按照官网说法，可以实现节约磁盘空间并提升安装速度和两大目标，具体原理可以参考pnpm官网。...
Pnpm Workspace: 单仓库多项目(monorepo)
热门推荐
超悠閒的博客
01-08 1万+
Pnpm Workspace: 单仓库多项目(monorepo) 文章目录Pnpm Workspace: 单仓库多项目(monorepo)pnpm vs npm vs yarnWorkspace 实战（monorepo）1. 构建项目2. 填充项目内容3. 项目配置 & 启动指令4. 观察 node_modules 目录结构小结参考连接完整代码示例 pnpm vs npm vs yarn npm/yarn 采用了直接平铺的方式，而 pnpm 则是采用 .pnpm 隐藏目录隐藏真实的平铺结构，在使用
架构-单一代码库-monorepo-pnpm-workspace：基本使用 / 一个代码仓库中包含了多个软件包（package）并进行开发
snowball的博客
03-22 6276
pnpm 内置了对单一存储库（也称为多包存储库、多项目存储库或单体存储库）的支持， 你可以创建一个 workspace 以将多个项目合并到一个仓库中。有本人“三”看出，组件部分式放在了node_modules下，由package.json管理，和普通的项目其实是一样了，部署思路同普通项目。2.8、packages目录下app-base、app1、app2的package.json删除如下图红框内容。2.10、app-base、app1、app2分别在vite.config.ts中设置端口号。
pnpm workspace使用教程【Monorepo项目】
最新发布
前端探索者
07-06 1488
前面两篇，我们讲了和lerna， yarn + lerna 的组合已经是现在 monorepo 的通用方案，也是功能最多，最火的方案,如果还没看，可以回顾下Monorepo仓库管理策略之 LernaMonorepo仓库管理策略之yarn workspaces是 pnpm 的一个特性，它允许你管理多个包（或项目）作为一个单一的单元。这在开发大型的、由多个包组成的应用程序时非常有用，例如在微服务架构或库的多个版本中。
pnpm 构建 Monorepo workspace项目
木贝西的博客
03-23 4521
pnpm 构建 Monorepo 项目 使用背景 因为公司要做的项目比较多，项目之间又会相互依赖。目前分为pc后台，pc商城，uniapp项目等等。所以为了代码的复用和代码的规范提交，决定引入pnpm来创建Monorepo项目。 Monorepo是什么呢 Monorepo 简单的说，是指将公司的所有代码放到一个 Git / Mercurial / Subversion 的代码仓库中。对于很多没听说过这个概念的人而言，无异于天方夜谭。Git 仓库不应该是每个项目一个吗？对于很多用 monorepo 的公司，他
使用pnpm workspace管理Monorepo架构
IT飞牛
08-19 5481
pnpm代表（高性能的npmn），同npm和yarn，都属于javascript包管理安装工具，它较npm和yarn在性能上得到很大提升，被称为快速地，节省磁盘空间的包管理工具。默认情况下，如果可用的 packages 与已声明的可用范围相匹配，pnpm 将从工作区链接这些 packages。例如, 如果bar引用并且foo@1.0.0存在工作区，那么pnpm会从工作区将foo@1.0.0链接到bar。但是，如果bar的依赖项中有，而foo@2.0.0。
monosample：使用pnpm并跨多个项目共享一个公共库的示例Monorepo存储库
02-03
单样本这是使用monorepo样品而位与包重载它表明你是多么容易创建monorepo设置与 每个软件包（ packages/** ）都有自己的自述文件，以解释如何在特定软件包中工作安装首先安装 npm i -g pnpm 然后跑pnpm recursive ...
monorepo-lerna-pnpm:全新monorepo = lerna + pnpm构建体验
04-05
将Lerna和pnpm结合使用，可以创建一个高效、灵活的Monorepo构建流程。Lerna负责管理各个包的版本和发布，而pnpm则提供快速的依赖安装和节省磁盘空间的优势。在这样的环境下，开发团队可以轻松地进行跨包的代码共享，...
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier 框架
08-03
vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+vite+monorepo+qiankun+pnpm+eslint+prettier vue3+...
pnpm-monorepo-typescript-project-references
04-11
pnpm-monorepo-typescript-项目参考 用过的 pnpm工作区（monorepo） 打字稿项目参考（基于 ，以下列表中的选项3） 理论 从理论上讲-我找不到任何相关信息-项目引用可以在以下模式下使用： 简单的存储库（带有单个项目），项目引用用于将大型代码库拆分为较小的部分 导入是相对的（在'components'子项目中： import foo from '../utilities' ，其中import foo from '../utilities'也是子项目）（无更改） 尝试用一个旧项目进行此操作，实际上，即使是根目录文件夹也很难拆分项目。 我发现了很多循环依赖，并且没有办法用“引用”来描述循环依赖（请让我知道是否应该更正此语句） 单一存储库，无链接（lerna） 所有项目中都需要路径别名（compilerOptions＃paths） 导入是模块化的（
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss ...
pnpm 的 workspace 实现 monorepo 工程
wangqiaojie的博客
08-12 4279
前端多个包管理的的方式一般都是采用`monorepo`的方式去管理，之前都是使用的`lerna`的workspace去管理。这段时间包管理切换到了`pnpm`上，它也有worksapce,可以支持`monorepo`。
使用pnpm搭建workspace
weixin_42568878的博客
03-31 2097
上一节中我们使用vite lib打包了组件库，但发现对component调试时很不理想，而pnpm的workspace就是解决这种问题的。
使用 pnpm 管理全栈、多包 monorepo
分享身边生活经验blog
09-25 5712
那么我们到底在说什么？让我分解一下。它是一个repo，因为它是一个代码存储库。在这种情况下，我们谈论的是 Git 代码存储库，Git 是卓越的主流版本控制软件。这是一个monorepo，因为我们将多个（子）项目打包到一个代码存储库中，通常是因为它们出于某种原因属于一起，并且我们同时处理它们。超过 20 万开发人员使用 LogRocket 来创造更好的数字体验了解更多 →。
pnpm安装与升级
m0_56506584的博客
04-04 1万+
pnpm安装与升级
pnpm-workspace环境搭建
抓住IT的尾巴的博客
03-01 2020
2.1，创建monorepo项目目录。pnpm init2.3，删除 main、test去掉后2.4，创建文件这个文件定义了工作空间的根目录。2.5，创建目录2.6，package.json文件内增加"private": true,以表示该项目是私有的。2.7，进入packages创建多个项目2.8，根目录下package.json增加如下红框内容。2.9，写packages下每个项目的。主要是name字段，方便以后使用。
从0开始使用pnpm构建一个Monorepo方式管理的demo
ffella的博客
07-01 1283
Monorepo这个词你应该不止一次听说了，像Vue3、Vite、ElementPlus等优秀开源项目都是使用Monorepo的方式管理项目，且这里说到的这几个项目都是采用pnpm作为包管理工具。 这篇文章就使用pnpm构建一个简单的Monorepo方式管理的项目。...
pnpm-workspace
09-16
在使用 pnpm 的 workspace 功能时，当你运行 pnpm publish 命令时，会自动将 package.json 中的 workspace 字段修正为对应的版本号。这样可以确保子包之间的依赖关系正确。 为了说明这一过程，让我们来看一下你提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值