朱程

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

glob 在正则出现之前就有了，主要用于匹配文件路径，例如大名鼎鼎的 gulp 就使用了 glob 规则来匹配、查找并处理各种后缀的文件。在前端工程化的过程中，不可避免地会用 Node.js 来读取文件，例如想找到 src 目录下所有 js 和 jsx 文件，代码应该怎么写呢？…

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

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

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

在现如今，热更新早已成为前端基建中不可或缺的一环，它可以在不刷新整个页面的情况下更新页面中的部分内容，从而提高开发效率，优化开发体验。然而，在实际面试的过程中，笔者发现 80% 的人并不清楚这其中的设

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

本文详细介绍了如何使用 Node.js 实现自定义命令行工具，涵盖了常用的库 commander、inquirer、download-git-repo、ora 和 chalk 的应用，提高了开发效率。

「2021」我给Vue.js生态贡献代码的这一年 本文主要分享过去一年自己给Vue社区生态贡献代码的经历。 希望自己的经历能给予想尝试/了解如何参与开源贡献的朋友们帮助和参考。