chokidar、gaze、node-watch、watchpack はすべて Node.js 環境でファイルシステムの変更を監視するためのライブラリです。これらは開発サーバーのホットリロード、ビルドツールの再コンパイルトリガー、テストランナーの自動再実行など、フロントエンド開発ワークフローにおいて重要な役割を果たします。各ライブラリは異なる抽象化レベルと機能セットを持ち、内部では Node.js のネイティブ fs.watch や FSEvents(macOS)、inotify(Linux)などのプラットフォーム固有 API をラップしています。
フロントエンド開発では、ファイルの変更を検出して自動でビルドやリロードを行う仕組みが欠かせません。Node.js にはこうしたファイル監視を実現する複数のライブラリがありますが、それぞれ設計思想や用途が異なります。ここでは chokidar、gaze、node-watch、watchpack の4つを、実際の開発現場の観点から詳しく比較します。
まず最初に重要なポイントとして、gaze は 公式に非推奨(deprecated) となっています。npm ページおよび GitHub リポジトリの README にその旨が明記されており、新規プロジェクトでの使用は避けるべきです。後述するように、既存コードで使っている場合は chokidar への移行を強く推奨します。
まずは各ライブラリの基本的な使い方を見てみましょう。すべて同じようなイベント駆動のインターフェースを持っていますが、細かい違いがあります。
chokidar
const chokidar = require('chokidar');
const watcher = chokidar.watch('src/**/*.js', {
ignored: /(^|[\/\\])\../, // ドットファイルを無視
persistent: true
});
watcher.on('change', (path) => {
console.log(`File ${path} has been changed`);
});
gaze(非推奨)
// 注意:非推奨のため新規プロジェクトでは使用しないでください
const gaze = require('gaze');
gaze('src/**/*.js', function(err, watcher) {
this.on('changed', function(filepath) {
console.log(filepath + ' was changed');
});
});
node-watch
const watch = require('node-watch');
// glob パターンはサポートしていない点に注意
watch('src', { recursive: true }, function(evt, name) {
console.log(`${name} changed`);
});
watchpack
const Watchpack = require('watchpack');
const wp = new Watchpack({
aggregateTimeout: 300 // 変更をまとめて処理する間隔(ms)
});
wp.watch({
files: ['src/index.js'],
directories: ['src']
});
wp.on('change', (file, mtime) => {
console.log(`${file} changed at ${new Date(mtime).toISOString()}`);
});
複雑なプロジェクトでは、特定のパターンにマッチするファイルだけを監視したいことがよくあります。この点での各ライブラリの対応状況は以下の通りです。
chokidar: 完全な glob パターン(**/*.js など)をサポート。再帰的監視も標準で可能。gaze: glob パターンをサポートしていたが、非推奨のため使用不可。node-watch: glob パターンは サポートしていない。再帰的監視は recursive: true オプションで可能だが、フィルタリング機能は限定的。watchpack: glob パターンは直接サポートしていないが、内部で chokidar を使っており、ファイルリストを事前に解決して渡す前提。// chokidar: glob パターンで柔軟に指定可能
chokidar.watch(['src/**/*.{js,ts}', '!src/**/*.test.{js,ts}']);
// node-watch: glob なし。ディレクトリ全体を監視して自分でフィルタ
watch('src', { recursive: true }, (evt, name) => {
if (/\.js$/.test(name)) {
// 処理
}
});
Node.js のネイティブ fs.watch は OS ごとに挙動が異なり、特に Windows では制限が多いことで知られています。各ライブラリはこの問題をどう解決しているでしょうか。
chokidar: 各プラットフォームの制限を吸収するために、FSEvents(macOS)、inotify(Linux)、Polling(Windows など)を自動的に切り替え。安定性が高い。gaze: 古い実装のため、最新のプラットフォーム固有の問題に対応していない。node-watch: 基本的に fs.watch をラップしているだけなので、プラットフォーム固有の制限をそのまま受け継ぐ。watchpack: 内部で chokidar を使っているため、同様の安定性を持つ。// chokidar: usePolling オプションで強制ポーリングも可能
chokidar.watch('src', {
usePolling: process.platform === 'win32' // Windows で必要に応じて
});
各ライブラリの設計目的は大きく異なります。
chokidar: 汎用的なファイル監視ライブラリ。Webpack、Vite、Rollup、Jest など多くのツールで使われている事実上の標準。gaze: Grunt や古い Gulp プラグインで使われていたが、現在は非推奨。node-watch: 最小限の機能で軽量さを重視。依存関係ゼロが売り。watchpack: Webpack 専用に作られたライブラリ。他の用途では使うべきではない。// watchpack: Webpack の内部で使われる設計
// 通常のアプリケーションコードで直接使うことは想定されていない
const wp = new Watchpack({
// Webpack 固有のオプション
poll: true, // ポーリング強制
followSymlinks: false
});
gaze から chokidar への移行gaze を使っている既存コードがある場合、以下のように移行できます。
// before (gaze)
gaze('src/**/*.js', function(err, watcher) {
this.on('all', function(event, filepath) {
console.log(event, filepath);
});
});
// after (chokidar)
const watcher = chokidar.watch('src/**/*.js');
watcher.on('all', (event, path) => {
console.log(event, path);
});
主な違いはコールバックの形式と、all イベントの引数順序ですが、ほぼ1対1で置き換え可能です。
node-watch を使う場合本当にシンプルな監視だけで済むなら、node-watch の軽量さがメリットになります。
// 設定ファイルの変更を監視するだけのようなケース
watch('./config.json', (evt, name) => {
reloadConfig();
});
ただし、将来的に機能拡張が必要になる可能性を考えると、最初から chokidar を選ぶ方が安全です。
| ライブラリ | 状態 | 推奨用途 | 主な特徴 |
|---|---|---|---|
chokidar | アクティブ | 新規プロジェクトの標準選択 | クロスプラットフォーム、glob 対応、安定性高 |
gaze | 非推奨 | 使用禁止 | 古い実装、メンテナンス終了 |
node-watch | アクティブ | 超軽量・シンプル用途 | 依存ゼロ、glob 非対応 |
watchpack | アクティブ | Webpack 専用 | Webpack 内部向け、汎用用途では不適 |
chokidar を選びましょう。安定性、機能、コミュニティサポートの面で最もバランスが取れています。gaze を使っている既存プロジェクトは、早めに chokidar に移行してください。セキュリティやバグ修正の面でリスクがあります。node-watch も選択肢ですが、将来的な拡張性を考えると chokidar の方が無難です。watchpack は Webpack の内部実装としてのみ使われるべきで、アプリケーションコードで直接使うのは避けてください。ファイル監視は開発体験の根幹を成す部分です。適切なライブラリを選ぶことで、不要なバグやパフォーマンス問題を避け、スムーズな開発ワークフローを実現できます。
chokidar は安定性とクロスプラットフォーム対応に優れたファイル監視ライブラリです。Windows、macOS、Linux で一貫した動作を提供し、細かい設定オプション(debounce、フィルタリング、ready イベントなど)も充実しています。Webpack や Vite といった主要なビルドツールでも採用されており、新規プロジェクトではまずこの選択肢を検討すべきです。
gaze は古くからあるファイル監視ライブラリですが、現在は非推奨(deprecated)状態です。GitHub リポジトリや npm ページにもその旨が明記されています。新規プロジェクトでの使用は避けてください。既存コードで使っている場合は、chokidar への移行を強く推奨します。
node-watch はシンプルで軽量なファイル監視ライブラリです。再帰的なディレクトリ監視や glob パターンのサポートはありませんが、単一ファイルやフラットなディレクトリ構造の監視には十分です。依存関係がなく、最小限の機能で済むユースケースに向いています。
watchpack は Webpack 専用に最適化されたファイル監視ライブラリです。内部で chokidar を利用しつつ、Webpack の要件(タイムスタンプベースの変更検出、aggregation、polling オプションなど)に特化した設計になっています。Webpack 以外の用途では使うべきではありません。
Minimal and efficient cross-platform file watching library
There are many reasons to prefer Chokidar to raw fs.watch / fs.watchFile in 2026:
renameatomic option
awaitWriteFinish option
Chokidar relies on the Node.js core fs module, but when using
fs.watch and fs.watchFile for watching, it normalizes the events it
receives, often checking for truth by getting file stats and/or dir contents.
The fs.watch-based implementation is the default, which
avoids polling and keeps CPU usage down. Be advised that chokidar will initiate
watchers recursively for everything within scope of the paths that have been
specified, so be judicious about not wasting system resources by watching much
more than needed. For some cases, fs.watchFile, which utilizes polling and uses more resources, is used.
Made for Brunch in 2012, it is now used in ~30 million repositories and has proven itself in production environments.
Install with npm:
npm install chokidar
Use it in your code:
import chokidar from 'chokidar';
// One-liner for current directory
chokidar.watch('.').on('all', (event, path) => {
console.log(event, path);
});
// Extended options
// ----------------
// Initialize watcher.
const watcher = chokidar.watch('file, dir, or array', {
ignored: (path, stats) => stats?.isFile() && !path.endsWith('.js'), // only watch js files
persistent: true,
});
// Something to use when events are received.
const log = console.log.bind(console);
// Add event listeners.
watcher
.on('add', (path) => log(`File ${path} has been added`))
.on('change', (path) => log(`File ${path} has been changed`))
.on('unlink', (path) => log(`File ${path} has been removed`));
// More possible events.
watcher
.on('addDir', (path) => log(`Directory ${path} has been added`))
.on('unlinkDir', (path) => log(`Directory ${path} has been removed`))
.on('error', (error) => log(`Watcher error: ${error}`))
.on('ready', () => log('Initial scan complete. Ready for changes'))
.on('raw', (event, path, details) => {
// internal
log('Raw event info:', event, path, details);
});
// 'add', 'addDir' and 'change' events also receive stat() results as second
// argument when available: https://nodejs.org/api/fs.html#fs_class_fs_stats
watcher.on('change', (path, stats) => {
if (stats) console.log(`File ${path} changed size to ${stats.size}`);
});
// Watch new files.
watcher.add('new-file');
watcher.add(['new-file-2', 'new-file-3']);
// Get list of actual paths being watched on the filesystem
let watchedPaths = watcher.getWatched();
// Un-watch some files.
await watcher.unwatch('new-file');
// Stop watching. The method is async!
await watcher.close().then(() => console.log('closed'));
// Full list of options. See below for descriptions.
// Do not use this example!
chokidar.watch('file', {
persistent: true,
// ignore .txt files
ignored: (file) => file.endsWith('.txt'),
// watch only .txt files
// ignored: (file, _stats) => _stats?.isFile() && !file.endsWith('.txt'),
awaitWriteFinish: true, // emit single event when chunked writes are completed
atomic: true, // emit proper events when "atomic writes" (mv _tmp file) are used
// The options also allow specifying custom intervals in ms
// awaitWriteFinish: {
// stabilityThreshold: 2000,
// pollInterval: 100
// },
// atomic: 100,
interval: 100,
binaryInterval: 300,
cwd: '.',
depth: 99,
followSymlinks: true,
ignoreInitial: false,
ignorePermissionErrors: false,
usePolling: false,
alwaysStat: false,
});
chokidar.watch(paths, [options])
paths (string or array of strings). Paths to files, dirs to be watched
recursively.options (object) Options object as defined below:persistent (default: true). Indicates whether the process
should continue to run as long as files are being watched.ignored function, regex, or path. Defines files/paths to be ignored.
The whole relative or absolute path is tested, not just filename. If a function with two arguments
is provided, it gets called twice per path - once with a single argument (the path), second
time with two arguments (the path and the
fs.Stats
object of that path).ignoreInitial (default: false). If set to false then add/addDir events are also emitted for matching paths while
instantiating the watching as chokidar discovers these file paths (before the ready event).followSymlinks (default: true). When false, only the
symlinks themselves will be watched for changes instead of following
the link references and bubbling events through the link's path.cwd (no default). The base directory from which watch paths are to be
derived. Paths emitted with events will be relative to this.usePolling (default: false).
Whether to use fs.watchFile (backed by polling), or fs.watch. If polling
leads to high CPU utilization, consider setting this to false. It is
typically necessary to set this to true to successfully watch files over
a network, and it may be necessary to successfully watch files in other
non-standard situations. Setting to true explicitly on MacOS overrides the
useFsEvents default. You may also set the CHOKIDAR_USEPOLLING env variable
to true (1) or false (0) in order to override this option.usePolling: true)
interval (default: 100). Interval of file system polling, in milliseconds. You may also
set the CHOKIDAR_INTERVAL env variable to override this option.binaryInterval (default: 300). Interval of file system
polling for binary files.
(see list of binary extensions)alwaysStat (default: false). If relying upon the
fs.Stats
object that may get passed with add, addDir, and change events, set
this to true to ensure it is provided even in cases where it wasn't
already available from the underlying watch events.depth (default: undefined). If set, limits how many levels of
subdirectories will be traversed.awaitWriteFinish (default: false).
By default, the add event will fire when a file first appears on disk, before
the entire file has been written. Furthermore, in some cases some change
events will be emitted while the file is being written. In some cases,
especially when watching for large files there will be a need to wait for the
write operation to finish before responding to a file creation or modification.
Setting awaitWriteFinish to true (or a truthy value) will poll file size,
holding its add and change events until the size does not change for a
configurable amount of time. The appropriate duration setting is heavily
dependent on the OS and hardware. For accurate detection this parameter should
be relatively high, making file watching much less responsive.
Use with caution.
options.awaitWriteFinish can be set to an object in order to adjust
timing params:awaitWriteFinish.stabilityThreshold (default: 2000). Amount of time in
milliseconds for a file size to remain constant before emitting its event.awaitWriteFinish.pollInterval (default: 100). File size polling interval, in milliseconds.ignorePermissionErrors (default: false). Indicates whether to watch files
that don't have read permissions if possible. If watching fails due to EPERM
or EACCES with this set to true, the errors will be suppressed silently.atomic (default: true if useFsEvents and usePolling are false).
Automatically filters out artifacts that occur when using editors that use
"atomic writes" instead of writing directly to the source file. If a file is
re-added within 100 ms of being deleted, Chokidar emits a change event
rather than unlink then add. If the default of 100 ms does not work well
for you, you can override it by setting atomic to a custom value, in
milliseconds.chokidar.watch() produces an instance of FSWatcher. Methods of FSWatcher:
.add(path / paths): Add files, directories for tracking.
Takes an array of strings or just one string..on(event, callback): Listen for an FS event.
Available events: add, addDir, change, unlink, unlinkDir, ready,
raw, error.
Additionally all is available which gets emitted with the underlying event
name and path for every event other than ready, raw, and error. raw is internal, use it carefully..unwatch(path / paths): Stop watching files or directories.
Takes an array of strings or just one string..close(): async Removes all listeners from watched files. Asynchronous, returns Promise. Use with await to ensure bugs don't happen..getWatched(): Returns an object representing all the paths on the file
system being watched by this FSWatcher instance. The object's keys are all the
directories (using absolute paths unless the cwd option was used), and the
values are arrays of the names of the items contained in each directory.Check out third party chokidar-cli, which allows to execute a command on each change, or get a stdio stream of change events.
Sometimes, Chokidar runs out of file handles, causing EMFILE and ENOSP errors:
bash: cannot set terminal process group (-1): Inappropriate ioctl for device bash: no job control in this shellError: watch /home/ ENOSPCThere are two things that can cause it.
fs module used by chokidar: let fs = require('fs'); let grfs = require('graceful-fs'); grfs.gracefulify(fs);echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p.fs.watch
usePolling: true, which will switch backend to resource-intensive fs.watchFileAll fsevents-related issues (WARN optional dep failed, fsevents is not a constructor) are solved by upgrading to v4+.
If you've used globs before and want do replicate the functionality with v4:
// v3
chok.watch('**/*.js');
chok.watch('./directory/**/*');
// v4
chok.watch('.', {
ignored: (path, stats) => stats?.isFile() && !path.endsWith('.js'), // only watch js files
});
chok.watch('./directory');
// other way
import { glob } from 'node:fs/promises';
const watcher = watch(await Array.fromAsync(glob('**/*.js')));
// unwatching
// v3
chok.unwatch('**/*.js');
// v4
chok.unwatch(await Array.fromAsync(glob('**/*.js')));
Why was chokidar named this way? What's the meaning behind it?
Chowkidar is a transliteration of a Hindi word meaning 'watchman, gatekeeper', चौकीदार. This ultimately comes from Sanskrit _ चतुष्क_ (crossway, quadrangle, consisting-of-four). This word is also used in other languages like Urdu as (چوکیدار) which is widely used in Pakistan and India.
MIT (c) Paul Miller (https://paulmillr.com), see LICENSE file.