lerna式更新

作者 : 开心源码 本文共1719个字,预计阅读时间需要5分钟 发布时间: 2022-05-13 共155人阅读

有段时间没升级博客了,是时候升级一波了。 之前不是vue-next出了吗,而后就去学习了一下,发现整个目录不是那么熟习了,变成这样了:

image

于是就这个线索去研究了一下,发下这是用的 lerna + yarn 的架构,不仅vue,包括jest,babel等都是用的这类架构,他们有相同的前缀,比方@babel/xxx,不过这个前缀(scope)是需要付费的。

lerna有什么优点呢?

  • 分离一个大型的codebase到多个小的孤立或者者公共的repo

  • 可以统一管理版本号,一键发布,自动生成changelog(lerna publish)

  • 一键安装依赖,包括link(lerna bootstrap)

  • 目录清晰,像上面vue-next那样。

image


所以说!

image

开整!!!

首先使用lerna + yarn来管理我们的npm工作区: 所以创立一个空的reop,而后npx lerna init初始化lerna项目,而后左改改右改改,像下面这样,意思是说用yarn替代lerna的工作区定义,而后pkg中指定workspaces,指定private和root,表明别发布我。

<pre class=”public-DraftStyleDefault-pre” data-offset-key=”aifeo-0-0″ style=”margin: 1.4em 0px; padding: 0.88889em; font-size: 0.9em; word-break: normal; overflow-wrap: normal; white-space: pre; overflow: auto; background: rgb(246, 246, 246); border-radius: 4px; color: rgb(26, 26, 26); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;”>

<pre class=”Editable-styled” data-block=”true” data-editor=”b6ebi” data-offset-key=”aifeo-0-0″ style=”margin: 0px; padding: 0px; font-size: 0.9em; word-break: normal; overflow-wrap: normal; white-space: pre; overflow: initial; background: rgb(246, 246, 246); border-radius: 0px;”>

// lerna.js { “version”: “independent”, “npmClient”: “yarn”, “useWorkspaces”: true } // package.json { “name”: “root”, “private”: true, “workspaces”: [ “packages/*”, “demo” ] }

</pre>

</pre>

image

哈哈哈哈,开个玩笑,不过lerna的初始工作就好了,剩下的就是安装依赖啊,写代码啊,发布啊。用指令表示就是:

  • lerna bootstrap(或者者添加postinstall hooks自动执行)

  • 写代码

  • lerna version 指定版本

  • lerna publish (前需要登录npm,例如: npm login)

不过,仅仅只有上面这些一定是不够的,我们还需要添加:

  • 本地预览

  • 本地unit测试

  • 少量自动化脚本

  • 格式化检查工具

  • 其余(ts、commitlint、cz)

这块就不啰嗦了,直接丢一个repo: oneForAll供大家参考,欢迎交流哈。 目录如下:

image

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » lerna式更新

发表回复