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