0.更新日志
本书第一篇即实战篇,实战中仅解决搭建问题和一些调试技巧,最终您能获得一个适用于个人开发的并且较为完整的组件库项目,至于其他更详细的解释分模块在详解篇中解析了
技术栈:`react18 + ts5 + webpack5 + 代码质量&代码风格检测&自动修复 + storybook8 + rollup + git action`
本篇是一个从0到1的实现过程,如果您有耐心跟着实现,您可以实现一个完整的react18 + ts5 + webpack5 + 代码质量&代码风格检测&自动修复 + storybook8 + rollup + git action
实现的一个完整的组件库模板项目。如果您不打算自己配置,也可以直接clone组件库仓库切换到rollup_comp
分支即是完整的项目,当前实现已经足够个人使用,后续我们会新增webpack5优化、按需加载组件、实现一些常见的组件封装:包括但不限于拖拽排序、瀑布流、穿梭框、弹窗等
00实战搭建&部署篇
- ✅ 1.项目初始化&配置
- ✅ 2.代码规范
- ✅ 3.代码质量
- ✅ 4.react+ts环境搭建
- ✅ 5.更新日志changelog
- ✅ 6.webpack5基本配置
- ✅ 7.组件库搭建
- ✅ 8.三大包管理器&npm工程化&发布流程
- ✅ 9.Github Action、部署组件库文档
- ✅ 10.自动化篇-手写脚本一键自动tag、发包、引导登录npm
01详解-项目搭建篇
- ✍️ 1.package.json详解
- ✍️ 2.LICENSE
- ✍️ 3.Git工作流
- ✍️ 4.npm环境管理姿势
- ✍️ 5.如何搞定一个README.md
- ✍️ 6.编辑器风格统一
- ✍️ 7.代码风格统一方式有哪些
- ✍️ 8.代码质量如何保证
- ✍️ 9.提交校验原理
02详解-项目打包篇
- ✍️ 1.webpack打包核心流程
- ✍️ 2.webpack配置详解
- ✍️ 3.rollup打包原理
03详解-组件库搭建篇
- ✍️ 1.文档站点的选择
- ✍️ 2.按需加载的原理&实现
- ✍️ 3.本地测试的几种方式
04详解-包管理器篇
05详解-项目自动化篇
06详解-项目部署篇
07详解-脚手架搭建篇
后续
- ✍️ webpack优化,写一些常见组件后再做
暂时实现了这些,如果有其他的可以在github提issue