hhh 当前项目是模版项目,旨在为快速搭建小型前端组件库提供模版功能。12312 似懂非懂舒服 当前项目默认技术栈为:
- UI: React
- 构建:Vite(esbuild) + Typescript
- Monorepo 管理:Lerna + Yarn@v1
- 样式: Tailwindcss
git clone --depth 1 [email protected]:ncqwer/mono-example.git your-ui-package
cd your-ui-package
rm -rf .git
git init -b main
yarn增加开发工具库
yarn devaadd toolcli增加新 package
yarn pkgadd new-package本地开发
yarn dev其余功能可以使用Lerna提供的功能。
Q: 在yarn pkgadd后,playgound 中引入该包,无法直接索引到文件。
A: 这来源于两个原因:
- 在当前方案中,playground 的 vite 的配置是在开发开始时动态注入进去,这意味着如果增减包的时候需要重新启动 playground.
- 在当前方案中,typescript 的索引需要通过 package.json 中的 types 字段,这意味着在 ide 中索引新增包的时候,需要该包先 build,以提供 dist/src/index.d.ts 和对应的 sourcemap.
Q: 如何统一配置各个包的 package.json
A: 在使用yarn pkgadd的过程中,会统计将当前项目根目录的 name 用作 scope,并保证lincese,description和keywords字段的一致性。