怎么基于pnpm搭建你自己的monorepo工具库并发包

这篇文章我们来讲一下怎么发布一个monorepo的包。这篇文章讲的是初始化和 monorepo发包和各个包之间的引用操作。本文章之后，你会得到下面截图里面的东西。

废话少说.我们直接开始

全局安装pnpm

bash 复制代码

npm install pnpm -g
# 然后创造一个 新文件夹，在这个新文件夹中

先讲一下 monorepo 的发包，我们可以看到几个比较知名的 monorepo 发包是按照 @xx/xx的格式发包的

你也许会说那我重写一下 name 字段然后执行如下命令不就可以了

复制代码

npm publish

那么你大概率会收获如下报错

less 复制代码

npm ERR! code E404
npm ERR! 404 Not Found - PUT https://registry.npmjs.org/@utilxx - Scope not found

知识点就来了。Scope not found

解决这个报错，我们首先要知道 scope是什么

scope 有两种

个人: 就是你 npm 的用户名。可以通过 npm whoami，查看。这样子你就可以用 @你的用户名/你的包名 作为name 。这样也就不会报错 scope not found
团体 :不同于个人账户。这个是可以自定义名字的，所以我推荐用这个。你只需要新建一个 Organizations 然后就可以用 @你的团体名/你的包名 来进行发包了

现在我们已经解决了 scope 的报错。现在我们继续 npm publish

结果报错

arduino 复制代码

 402 Payment Required - PUT xx - You must sign up for private packages

这个就很明显了。我们加上了 scope 的包默认是私有的，所以我们再发包的时候需要这样发包 npm publish -access public .

ok 这样就发包成功了

这个时候说一下 pnpm 的基本命令吧

那么在下面的目录中，我们 packageA怎么依赖 packageB 包进行开发呢

在一般的 npm 中，我们要么 npm link 或者 npm install 包 b。前者只能在你的主机软连接，一旦git push 后另外一个开发者需要重新 npm link 。这个方法不好，后者则需要先把包b npm publish 之后才能 install。也麻烦。

因此在monorepo的项目中，我们可以考虑在 packageA 这个文件夹中。执行如下命令

bash 复制代码

pnpm add ../packageb

然后你看到 package.json 中多出以下dev

less 复制代码

"dependencies": {
    "@util-monorepo/packagea": "link:..\packageb",
   
}

引用成功

本文到这里就结束了，下篇文章我会讲一下怎么在 monorepo 中怎么配置 webpack5 打包和 ts 的配置。拜拜