1.0.3 • Published 3 years ago
@pgsz/pg-cli v1.0.3
V1
用户输入命令,这边创建项目
- 使用commander.js,解析用户的目录,提取用户的输入给脚手架
- 使用
npm link
注册成全局命令,这样可以在电脑任何地方适应命令;可用npm ls -g -depth=0
查看已注册的全局命令,可以使用npm unlink
取消全局注册或npm rm -g 模块名
进行删除
脚手架解析用户命令,弹出交互语句,询问用户创建项目所需功能
- 使用Inquirer.js,弹出问题和选项,让用户选择
用户选择所需功能
脚手架根据用户的选择创建
package.json
文件,并添加对应的依赖项脚手架根据用户的选择渲染项目模板,生成文件
执行
npm install
命令安装依赖
V2
创建项目时判断该项目是否已存在,支持覆盖和合并创建
选择功能时提供默认配置和手动选择两种模式
如果用户的环境同时存在 yarn 和 npm,则提示用户使用哪个包管理器
如果包管理器的默认源速度慢,则提示用户是否切换到淘宝源
如果是手动选择功能,则在结束之后询问用户是否将本次的选择保存为默认配置
v3
将项目拆分为 monorepo 的组织方法
- monorepo:单一代码库,在版本控制系统的单个代码库里包含了许多项目的代码;代码可能相关,但通常在逻辑上是独立的,可能由不同的团队维护
- 可见性、跟简单的依赖关系管理、唯一依赖源、一致性、共享时间线、原子提交、统一的CI/CD、统一的构建等
- 性能差、破坏主线、学习曲线、大量的数据、所有权等
- multirepo:多代码库,每个项目存储在一个完全独立的、版本控制的代码库中
lerna多包管理实践 lerna官网 lerna github文档
npm install lerna lerna init lerna create xxx <!-- 将本地或者远程的包作为依赖项添加到当前的packages中,每次只能添加一个包 --> lerna add xxx --scope=xxx <!-- 安装所有packages的依赖项并且连接本地包的交叉依赖项 --> lerna bootstrap
├─packages │ ├─@pg │ │ ├─cli # 核心插件 │ │ ├─cli-plugin-babel # babel 插件 │ │ ├─cli-plugin-linter # linter 插件 │ │ ├─cli-plugin-router # router 插件 │ │ ├─cli-plugin-vue # vue 插件 │ │ ├─cli-plugin-vuex # vuex 插件 │ │ └─cli-plugin-webpack # webpack 插件 └─scripts # commit message 验证脚本 和项目无关 不需关注 │─lerna.json |─package.json
- monorepo:单一代码库,在版本控制系统的单个代码库里包含了许多项目的代码;代码可能相关,但通常在逻辑上是独立的,可能由不同的团队维护
新增 add 命令,通过 pg-cli-v3 add xxx 命令的方式添加插件
v4
- 抽离 webpack,将 vue 和 webpack 形成 pg-cli-service