简易 UI 自定义库

参考文章：

• Monorepo-多包单仓库的开发模式
• Lerna + yarn 实现 monorepo 管理
• 为什么使用pnpm可以光速建立好用的monorepo（比yarn/lerna效率高）
• plop 官方库
• .hbs文件 Handlebars文档
• 前端黑科技篇章之plop，让你也拥有自己的脚手架

TODO LIST

• build-utils 打包 custom-ui 以及发布流程跑通
• watch 模式
• build-utils 分组打包各组件
• basic 组件批量打包、业务组件单独打包区分
• 引入 stroybook 预览组件生成文档
• custom-ui 组件模板生成
  • js 模板
  • ts 模板

环境依赖

lerna notice cli v4.0.0
lerna info versioning independent

 Environment info:

  System:
    OS: macOS 10.15.7
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 14.15.0 - /usr/local/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 6.14.8 - /usr/local/bin/npm
    pnpm: 6.25.0 - /usr/local/bin/pnpm
  Utilities:
    Git: 2.24.3 - /usr/bin/git
  npmPackages:
    lerna: 4.0.0 => 4.0.0 

✨

命令相关

构建相关

根据模板添加组件:

pnpm plop --plopfile=plop/plopfile.js

构建特定组件（--component 参数，-w 为 watch 模式）:

pnpm --filter=@custom-lb/build-utils run build:customUI -- --component=@custom-lb-ui/common-search-input

storybook 启动:

pnpm --filter=@custom-lb-ui/docs-vue2 run storybook

相关资料

yarn 查看当前 worktree:

yarn workspaces info --json

pnpm 相关

shamefully-hoist: 允许访问外部 node_modules（多用于 typescript 的 @types） save-workspace-protocol: 禁用 package.json 中的 workspace 语法 prefer-workspace-packages: 安装依赖时优先 link 本地 workspace 中的包

发布流程

参考资料:

Lerna 多 package 源代码管理方案

1. 注册:

2. npm adduser

3. 登录:

4. npm login --registry https://registry.npmjs.org

5. 注册后进行邮箱验证，随后前往 https://www.npmjs.com/ 中进行 Organization 的添加，需要添加的 organiaztion 可以通过yarn lerna list命令来列出。比如 packageName 为 @custom-lb/build-utils，Organization 名字即为 custom-lb

6. 若要发布到公共仓库（如 registry.npmjs.org），需要为每个包的 package.json 添加 access: public 的选项

   package.json

   {
     "publishConfig": {
       "access": "public"
     }
   }

7. 使用 lerna 命令进行发布

   普通发布：yarn lerna publish

   小版本发布：yarn lerna publich patch

   通过 git 发布：yarn lerna publish from-git

   通过检索当前 workspace 下的所有版本号进行发布：yarn lerna publish from-package

   发布 alpha 版本yarn lerna publish --canary

   参考文档

   from-git

   除了 lerna version 支持的语义化版本关键字外，lerna publish也支持from-git关键字。这将会识别lerna version标记的包，并将它们发布到 npm。这在您希望手动增加版本的 CI 场景中非常有用，但要通过自动化过程一直地发布包内容本身。

   from-package

   与from-git关键字类似，只是要发布的包列表是通过检查每个package.json确定的，并且要确定注册表中是否存在任意版本的包。注册表中没有的任何版本都将被发布。当前一个lerna publish未能将所有包发布到注册表时，就是他发挥的时候了。

git 相关

批量删除远端 git 分支

git branch -r | awk -F/ '/\/func/{print $2}' | grep -v "func-init$" | xargs -I {} git push origin :{}