蘑菇王

本章，我们为自己的组件库定制专门的打包体系。将重复部分抽取为预设、集中管理构建配置、提高自动化程度、支持复杂的构建行为

最近将几个项目的包管理器都由 npm 切换为了 pnpm，迁移体验非常棒，算得上是个人体验最好的一次工具迁移。以下是我本人使用 pnpm 的直观感受...

端到端测试(End to end)是现代应用中的一种常见的测试方式，本文将基于“实操”的视角，一步步地带领读者搭建一个基础的 Playwright 测试项目。

Playwright 介绍的下半部分，主要从如何写测试用例的角度分享使用心得，希望能够对大家有所帮助。

以组件库搭建的实战入手，逐步掌握工程化的思路与实践，最终不仅仅是搭建组件库的程度，而是可以灵活地组合各种工具，自由地定制前端工程的各种细节，当然也包括日常 Web 应用的架构。

讲述 pnpm、monorepo、包管理的前置知识以及相关技术的选型理由，并搭建出 monorepo 组件库项目的目录结构。

在上一章节中，我们完成了“新建文件夹”的操作，使用 pnpm 为我们的组件库搭建了 monorepo 目录结构。在本章节，我们的组件库工程会开始初成体系——加入构建工具 Vite，实现产物生成。

上半部分，我们通过集成构建工具 Vite 使组件库能构建出产物。下半部分，我们将要集成 TypeScript，为组件库的开发注入类型系统的支持。

本期我们会给自己的组件库接入全套完善的 Lint 工具链，这一期的分享对于普通项目也具有极高的参考性，任何前端项目都可以按照这样的方法实现代码风格的规范化。