2020年12月_mjzhang1993

12月 06月

原创 Lerna 多 package 源代码管理方案

Lerna 多 package 项目管理工具说明Lerna是一个用于管理包含多个软件包（package）的 JavaScript 源代码管理方案参考Lerna 中文官网Yarn wrokspacelerna+yarn workspace+monorepo项目的最佳实践Lerna 配置详解1. 为什么要将项目拆分成多个 package ?当项目越来越大，拆分成多个 package 有利于降低软件的复杂度作为工具类、或者组件类项目，有助于使用者按照需要引用合适的 packag

2020-12-22 18:15:25 2088

原创 Docz 组件库文档实现方案（三）

Docz 组件库文档实现方案（三）Docz 结合 Lerna 项目Docz 可以与组件库代码混合使用，即在组件实现的同级别目录创建扩展名为 mdx 的组件同名文件；如果你的项目是 lerna 项目，那么可以尝试另外一种方案，即：将组件库组件代码与docs 文档分离成两个子项目，这样每个子项目只关心各自的实现即可，下面我们把之前的案例改造成 docs 与 components 分离，源码可以到这里查看1. 将一个 lerna 项目改造成如下结构其中 /packages/mjz-ui/ 是组件库

2020-12-29 15:04:20 678 4

原创 Docz 组件库文档实现方案（二）

Docz 组件库文档实现方案（二）定制化 Docz1. 定制化项目配置在项目根目录创建一个名为 doczrc.js 的文件，通过这个文件来对项目进行配置，官方项目配置文档// /doczrc.jsexport default { /** * 要发布到网站的路径，例如 https://xxx.github.com/docs/ 默认 / ,注意必须 / 结尾 * */ base: "/docs/", /** * 限制那个资源目录下的规定文件会被生成文档 */

2020-12-29 15:03:13 1163 2

原创 Docz 组件库文档实现方案（一）

Docz 组件库文档实现方案（一）说明Docz 是一套与 Storybook 相比更简约的组件库文档实现方案，它解决了组件库文档开发最主要的问题（组件列表、组件展示、组件属性列表、组件编辑调试），虽然 Storybook 在社区支持方面更强一些（更多的配置控件，更多的功能）但是 Storybook 在开发成本上来说比 Docz 方案还是差一些的Docz 基于 MDX 实现，MDX（Markdown + jsx）允许你在 markdown 样式的文件中导入根使用 JSX 组件，并且 Docz

2020-12-29 15:01:13 2089

原创标准化 Git Commit 工作流方案（二）

说明标准化 Git Commit 工作流方案（一）标准化 Git Commit 工作流实现标准化 Git Commit 工作流方案（二）Lerna 项目中的 commit 工作流实现与提交规范定制化Lerna 项目中实现安装相关依赖yarn add -D -W commitizen yarn add -D -W cz-lerna-changelog # 专门为 lerna 项目设计的 commitizen 适配器yarn add -D -W @commitlint/cli @commi

2020-12-24 20:06:54 405 1

原创标准化 Git Commit 工作流方案（一）

标准化 Git Commit 工作流方案（一）目标标准化每一次 commit message检查每一次 git commit 是否符合规范，不符合规范禁止提交按照 commit messgae 生成 change log主要工具Commitizen : 交互式的 commit 提交约定husky： git 钩子commitlint ： commit message 校验工具standard-version : 版本升级 + 升级日志生成lerna publish --convent

2020-12-24 14:04:30 427