前言
Chokidar 是一个轻量级的 Node.js 文件监视器库，可以监听文件或目录的变化，并可针对变化做出相应反应，比如发出一个事件通知，或是执行一段代码等等。而 @itper/chokidar 是在其基础上进行了二次开发和改进，是一个适用于前端项目的文件监视器库。
在前端项目中，我们经常会需要监听文件变化，以便在文件发生变动时能够快速反映到页面中来。例如，在进行 JavaScript 开发时使用自动编译工具，或在开发 HTML/CSS 时使用自动刷新工具。而 @itper/chokidar 正好能够满足这些需求，其使用也非常简单。
本篇文章将介绍如何使用 @itper/chokidar 进行前端项目的文件监视，主要包括以下内容：
- 安装 @itper/chokidar
- 使用 @itper/chokidar 监视文件
- 常见用法示例
安装 @itper/chokidar
首先需要通过 npm 安装 @itper/chokidar。
npm install @itper/chokidar
使用 @itper/chokidar 监视文件
-- -------------------- ---- ------- ----- -------- - --------------------------- ----- ------- - ------------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- ------------------- -- -- - ------------------------ --- ----------------- ------- ----- -- - --------------- ------- -- ----------- ---
常见用法示例
1. 监听所有文件
-- -------------------- ---- ------- ----- -------- - --------------------------- ----- ------- - ------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- ------------------- -- -- - ------------------------ --- ----------------- ------- ----- -- - --------------- ------- -- ----------- ---
2. 监听指定文件类型
-- -------------------- ---- ------- ----- -------- - --------------------------- ----- ------- - ----------------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- ------------------- -- -- - ----------------- ---------- ------- --- ----------------- ------- ----- -- - --------------- ------- -- ----------- ---
3. 监听文件夹
-- -------------------- ---- ------- ----- -------- - --------------------------- ----- ------- - ---------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- ------------------- -- -- - ----------------- --- -------- --- ----------------- ------- ----- -- - --------------- ------- -- ----------- ---
4. 组合多个监听器
-- -------------------- ---- ------- ----- -------- - --------------------------- ----- -------- - ----------------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- ----- -------- - --------------------------------- - -------- ---------------- -- ----------- ----------- ---- -- ------ --- -------------------- -- -- - ----------------- ---------- ------- --- ------------------ ------- ----- -- - --------------- ------- -- ----------- --- -------------------- -- -- - ----------------- --- ------- --- ------------------ ------- ----- -- - --------------- ------- -- ----------- ---
以上示例都是比较简单的监听用法，除此之外还有很多其他功能，如监视文件夹、再次深度监视等。完整的 API 文档可以参见 Chokidar。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822de7