1.章节目录
四、集成webpack、typescript，构建打包体系（一）
四、集成webpack、typescript，构建打包体系（二） - 创作中。。。
五、集成lint代码规范工具 - 创作中。。。
六、组件库定制化打包配置 - 创作中。。。
七、设计组件库css样式最佳实践 - 创作中。。。
八、建立Demo网站示例 - 创作中。。。
九、添加单元测试 - 创作中。。。
十、monorepo的版本管理与发布 - 创作中。。。
十一、CI/CD持续发布集成 - 创作中。。。
2.目标
本人老而弥坚，主张实战、不喜ppt式范文，所以本专栏文章内80%都是实战代码或者截图。希望与各位大佬交流日常开发心得，共同进步成长。每一个框架或者库都是从一点一滴积累起来，我们目前大多数开发者都是拿来主义，别人开发好库我们直接拿来用，这本身没什么问题，符合互联网开源精神，但是作为一个有点逼格（但不多）的developer，我更希望自己知其所以然，也就是和找对象一样，你会想知道她过去的一切，当然是从零开始最好了是吧。预告一下相关技术栈：
（1）pnpM： Fast, disk space efficient package manager（快速的，节省磁盘空间的包管理工具）
（2）React：The library for web and native user interfaces（前端组件库base）
（3）Webpack：a static module bundler for modern JavaScript applications（现代 JavaScript 应用程序的 静态模块打包工具）
（4）TypeScript： JavaScript with syntax for types（js的超集，提供类型支持）
（5）Docz：生成响应式react组件文档网站
（6）jest：处理react组件库单元测试
（7）Playwright：处理react e2e（端到端）测试
（8）ESlint、commitLint：规范开发辅助工具
（9）Changesets：版本管理与发布
（10）Github Actions：提供持续集成服务
通过以上技术栈的实战，我们可以学习到组件库从开发到上线的整体流程。对前端工程化会有一个更细粒度的分析和了解。
技术，永不止步，coding，never die。
