转发:基于pnpm + lerna + typescript的最佳实践
摘要:Part1 Pnpm pnpm是一款当代受欢迎 新兴(问题较多) 的包管理工具。 为什么会出现pnpm?因为yarn的出现并没有满足作者的一些期待,反而有些失望。 After a few days, I realized that Yarn is just a small improvement o
阅读全文
posted @
2022-12-09 15:42
下一个十年
阅读(360)
推荐(0) 编辑
转发:TypeScript Monorepo 最佳实践
摘要:当我们跨多个代码仓库管理多个项目之间的依赖关系时,既耗时又容易出错。monorepo 是一种处理上述问题的代码管理架构概念,它将多个项目的所有隔离代码库整合到一个大型存储库中,而不是单独管理它们。当与合适的工具一起使用时,Monorepos 很有优势。因此许多组织采用了在单个存储库中维护多个项目的策
阅读全文
posted @
2022-12-09 15:40
下一个十年
阅读(395)
推荐(0) 编辑
转发:前端组件化之Monorepo方案实战
摘要:前言 在上一篇的前端组件化方案探究中,我们研究了什么是组件化以及我们为什么需要组件化。也调研和测试了一些开源项目,并且在使用、学习、研究、对比之后最终确定了以 pnpm + workspace + changeset 为技术方向的 monorepo 多包管理方案。 本文主要是沿着该路线进行项目落地,
阅读全文
posted @
2022-12-09 15:37
下一个十年
阅读(1070)
推荐(0) 编辑
转发:前端组件化之方案探究
摘要:背景 公司目前基于多业务部门,很多业务组件和功能逻辑都具有较高的普适性,但与此同时各业务部分和开发人员缺乏一定的交流平台,更多的是在遇到对应需求时会简单内部讨论一番,当了解到其他业务部分存在落地的方案时,再进一步进行沟通交流。 这种方式,总体来说还是比较原始的,无论从沟通方式的效率来说,还是对于组件
阅读全文
posted @
2022-12-09 15:35
下一个十年
阅读(231)
推荐(0) 编辑
转发:基于Lerna打造多包管理最佳实践之道
摘要:最近在看vue-cli的源码部分,注意到这一个仓库下维护了多个package,很好奇他是如何在一个repo中管理这些package的。 我们组现在也在使用组件库的方式维护项目间共用的业务代码。有两个组件库,存在依赖的关系,目前联调是通过npm link的方式,性能并不好,时常出现卡顿的问题。加上前一
阅读全文
posted @
2021-12-31 17:19
下一个十年
阅读(1320)
推荐(0) 编辑
转发:从0到1打造一款类似于lodash的前端工具库
摘要:马上2022年了,我们需要尝试打造自己的工具库😄 最终示例 @magic-zhu/helper这个是我们自己发布到npm的demo包然后在项目中使用 npm install @magic-zhu/helper const helper = require ('@magic-zhu/helper')
阅读全文
posted @
2021-12-26 15:27
下一个十年
阅读(286)
推荐(0) 编辑
转发:基于webpack实现按需加载的前端组件库
摘要:在vue项目开发中,我们会将经常用到的逻辑或模块抽象成组件,对于那些多个项目都有用到的组件,可以考虑封装成组件库,发布到npm。每次要到只需要npm install xx一下,就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 使用vue组件库的常见方式 1、通过script标签引入 <b
阅读全文
posted @
2021-12-26 15:16
下一个十年
阅读(380)
推荐(0) 编辑
转发:基于rollup实现按需加载的前端组件库
摘要:rollup 是一个 JavaScript 模块打包器,在功能上要完成的事和webpack性质一样,就是将小块代码编译成大块复杂的代码,例如 library 或应用程序。在平时开发应用程序时,我们基本上选择用webpack,相比之下,rollup.js更多是用于library打包,我们熟悉的vue、
阅读全文
posted @
2021-12-26 15:15
下一个十年
阅读(1029)
推荐(0) 编辑
转发:基于rollup打造前端工具库的实践
摘要:老生常谈工具库,每个公司都应该需要一个工具库去处理一些公共重复的代码,比如公共函数,ajax,微信sdk,本地存储等等,目前构建工具大行其道,我觉得是时候摆脱复制粘贴的代码了,这里我对基于rollup构建工具库进行了一个总结(相比webpack更加配置简单,代码也清晰很多吧),更多是项目的组织,毕竟
阅读全文
posted @
2021-12-26 15:12
下一个十年
阅读(164)
推荐(0) 编辑
转发:基于lerna管理packages的Monorepo项目最佳实践
摘要:对于维护过多个package的同学来说,都会遇到一个选择题,这些package是放在一个仓库里维护还是放在多个仓库里单独维护,本文通过一个示例讲述了如何基于Lerna管理多个package,并和其它工具整合,打造高效、完美的工作流,最终形成一个最佳实践 背景 最近在工作中接触到一个项目,这个项目是维
阅读全文
posted @
2021-12-26 11:07
下一个十年
阅读(246)
推荐(0) 编辑