本文主要是介绍【从0实现React18】 (一) 项目初始化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
Multi-repo 和 Mono-repo
由于需要同时管理多个包，如React、React-dom等，所以选择**Mono-repo**
选择使用pnpm-workspace搭建Mono-repo环境的原因
- 依赖安装快
- 更规范
Pnpm初始化
npm install -g pnpm
pnpm init
配置pnpm-workspace.yml文件
pnpm-workspace.yaml 文件：
packages:# all packages in direct subdirs of packages/- 'packages/*'
定义开发规范
eslint安装配置
安装
pnpm i eslint -D -w
初始化
npx eslint --init
配置
pretiier 安装配置
安装
pnpm i prettier -D -w
prettier继承到eslint
pnpm i eslint-config-prettier eslint-plugin-prettier -D -w
为lint添加对应的执行脚本
"lint": "eslint --ext .ts,.jsx,.tsx --fix --quiet ./packages"
commit规范检查
husky
安装husky，用于拦截comiit命令
pnpm i husky -D -w
初始化husky
pnpm husky init
将刚才实现的lint命令纳入comiit时husky将执行的脚本
echo "pnpm lint" > .husky/pre-commit
commitlint
安装commitLint
pnpm i commitlint @commitlint/config-conventional @commitlint/cli -D -w
新建配置文件.commitlintrc.js
echo "export default { extends: ['@commitlint/config-conventional'] };" > commitlint.config.js
集成到husky
echo "pnpm dlx commitlint --edit $1" > .husky/commit-msg
打包工具
使用rollup打包
pnpm i -D -w rollup
这篇关于【从0实现React18】 (一) 项目初始化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
