什么是前端工程化？

概念：以一种偏向自动化、脚本化的方式，结合一些工具的能力，解决一些纯人工处理的低效、非标准的问题，来有效的提升效率、质量和性能。

基于 Vite 的组件库工程化实战

1. 学习前端工程化就从搭建组件库开始
2. MVP 原型系统：将组件封装为组件库
3. CSS 样式：用 UnoCSS 实现原子化 CSS
4. 文档建设：创建示例功能的文档网站
5. 单元测试 ：搭建 Vitest 的单元测试环境
6. 规范化：Eslint + Husky + commitlint
7. 软件包封装： 如何发布兼容多种 JS 模块标准的软件包？
8. 持续集成 CI： 基于 Github Action 的回归验证
9. 开发许可证：维护自己的版权
10. 组件发布：建立语义化版本与提交软件包到 npm
11. 按需引入：实现组件库的按需引入功能
12. 文档部署：用 Vercel 部署线上文档
13. README：编写标准的 README
14. 品质保证：覆盖率测试报告
15. 社区参与：如何管理社区的 PullRequest？
16. 敏捷开发：用 Github 看板和 issue 管理需求
17. 架构复用： 创建 CLI 工具提高研发体验
18. 融入开源生态：编写 npm init 项目让用户更方便
19. 建立组件库生态： 利用 Monorepo 方式管理组件库生态
20. 结束语