chokidar vs rollup vs webpack vs browserify vs watchify vs grunt-contrib-watch vs parcel vs gulp-watch
前端构建工具与文件监视库
chokidarrollupwebpackbrowserifywatchifygrunt-contrib-watchparcelgulp-watch类似的npm包:
前端构建工具与文件监视库

前端构建工具和文件监视库是现代Web开发中不可或缺的工具,它们帮助开发者自动化构建过程、监视文件变化并优化资源加载。通过这些工具,开发者可以提高开发效率,减少手动操作,确保代码的高效构建和实时更新。它们通常用于处理JavaScript模块化、资源打包、文件监视等任务,适应不同规模和复杂度的项目需求。

npm下载趋势
3 年
GitHub Stars 排名
统计详情
npm包名称
下载量
Stars
大小
Issues
发布时间
License
chokidar102,412,31911,77282.1 kB3211 天前MIT
rollup55,419,22926,1422.76 MB60918 天前MIT
webpack36,950,77765,8045.66 MB20818 天前MIT
browserify1,801,35114,728363 kB3791 年前MIT
watchify656,2981,793-385 年前MIT
grunt-contrib-watch411,4521,974-1278 年前MIT
parcel278,56444,02543.9 kB5781 个月前MIT
gulp-watch137,930639-707 年前MIT
功能对比: chokidar vs rollup vs webpack vs browserify vs watchify vs grunt-contrib-watch vs parcel vs gulp-watch

模块打包

  • chokidar:

    Chokidar本身不负责打包,但可以与其他打包工具结合使用,监视文件变化并触发构建。

  • rollup:

    Rollup专注于构建JavaScript库,支持树摇优化,能够生成更小的包。

  • webpack:

    Webpack是一个功能强大的模块打包工具,支持复杂的模块化和资源管理,适合大型应用的构建。

  • browserify:

    Browserify允许你在浏览器中使用Node.js风格的模块化,支持CommonJS模块的打包,适合小型项目。

  • watchify:

    Watchify是Browserify的扩展,提供增量构建和热重载功能,提升开发效率。

  • grunt-contrib-watch:

    Grunt-Contrib-Watch通过Grunt任务自动化构建过程,适合已经在使用Grunt的项目。

  • parcel:

    Parcel是一个零配置的打包工具,支持快速构建和热模块替换,适合快速开发。

  • gulp-watch:

    Gulp-Watch利用Gulp的流式处理特性,能够高效地监视文件变化并执行相应的任务。

文件监视

  • chokidar:

    Chokidar提供高效的文件监视功能,能够处理大量文件的变化,适合复杂项目。

  • rollup:

    Rollup不专注于文件监视,但可以与其他工具结合使用。

  • webpack:

    Webpack支持热模块替换和增量构建,适合大型应用的开发。

  • browserify:

    Browserify本身不提供文件监视功能,但可以与其他工具结合使用。

  • watchify:

    Watchify提供增量构建和热重载功能,适合使用Browserify的开发者。

  • grunt-contrib-watch:

    Grunt-Contrib-Watch通过简单的配置监视文件变化,并触发Grunt任务,适合Grunt用户。

  • parcel:

    Parcel内置热模块替换功能,能够实时更新页面,适合快速开发。

  • gulp-watch:

    Gulp-Watch利用Gulp的流式处理,能够高效监视文件变化并执行任务,适合Gulp用户。

学习曲线

  • chokidar:

    Chokidar简单易用,学习曲线较低,适合快速上手。

  • rollup:

    Rollup的树摇优化概念需要一定理解,学习曲线适中。

  • webpack:

    Webpack的配置复杂,学习曲线较陡,但功能强大。

  • browserify:

    Browserify的学习曲线相对平缓,适合熟悉Node.js模块化的开发者。

  • watchify:

    Watchify的使用与Browserify相似,学习曲线较低。

  • grunt-contrib-watch:

    Grunt-Contrib-Watch需要了解Grunt的配置,学习曲线较陡。

  • parcel:

    Parcel几乎不需要配置,学习曲线非常平缓,适合初学者。

  • gulp-watch:

    Gulp-Watch相对简单,适合已经使用Gulp的开发者。

性能优化

  • chokidar:

    Chokidar性能优秀,能够高效处理大量文件变化,适合复杂项目。

  • rollup:

    Rollup通过树摇优化生成小型包,性能优秀,适合库的构建。

  • webpack:

    Webpack功能强大,适合大型应用的构建和优化,性能优秀。

  • browserify:

    Browserify在处理大型项目时可能会遇到性能瓶颈,适合小型项目。

  • watchify:

    Watchify提供快速增量构建,性能优越,适合使用Browserify的开发者。

  • grunt-contrib-watch:

    Grunt-Contrib-Watch在任务执行上可能会有延迟,适合小型项目。

  • parcel:

    Parcel提供快速构建和热模块替换,性能优越,适合快速开发。

  • gulp-watch:

    Gulp-Watch利用流式处理,性能较好,适合中型项目。

如何选择: chokidar vs rollup vs webpack vs browserify vs watchify vs grunt-contrib-watch vs parcel vs gulp-watch
  • chokidar:

    选择Chokidar如果你需要一个高效的文件监视库,能够处理大量文件的变化,并且提供更好的性能和准确性。

  • rollup:

    选择Rollup如果你专注于构建库或模块,想要利用其树摇优化(tree-shaking)功能来减小最终包的体积。

  • webpack:

    选择Webpack如果你需要一个功能强大的模块打包工具,支持复杂的配置和丰富的插件生态,适合大型应用的构建和优化。

  • browserify:

    选择Browserify如果你需要将Node.js模块化的思想应用于浏览器端,支持CommonJS模块的打包。它适用于较小的项目,且易于集成。

  • watchify:

    选择Watchify如果你在使用Browserify,并希望在开发过程中实现快速的增量构建和热重载。

  • grunt-contrib-watch:

    选择Grunt-Contrib-Watch如果你已经在使用Grunt作为构建工具,并希望通过简单的配置来监视文件变化并触发任务。

  • parcel:

    选择Parcel如果你需要一个零配置的打包工具,支持快速构建和热模块替换,适合快速开发和原型制作。

  • gulp-watch:

    选择Gulp-Watch如果你倾向于使用Gulp作为构建工具,想要利用其流式处理的优势来监视文件变化并执行任务。

chokidar的README

Chokidar Weekly downloads

Minimal and efficient cross-platform file watching library

Why?

There are many reasons to prefer Chokidar to raw fs.watch / fs.watchFile in 2026:

  • Events are properly reported
    • macOS events report filenames
    • events are not reported twice
    • changes are reported as add / change / unlink instead of useless rename
  • Atomic writes are supported, using atomic option
    • Some file editors use them
  • Chunked writes are supported, using awaitWriteFinish option
    • Large files are commonly written in chunks
  • File / dir filtering is supported
  • Symbolic links are supported
  • Recursive watching is always supported, instead of partial when using raw events
    • Includes a way to limit recursion depth

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.

  • Nov 2025 update: v5 is out. Makes package ESM-only and increases minimum node.js requirement to v20.
  • Sep 2024 update: v4 is out! It decreases dependency count from 13 to 1, removes support for globs, adds support for ESM / Common.js modules, and bumps minimum node.js version from v8 to v14. Check out upgrading.

Getting started

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:

Persistence

  • persistent (default: true). Indicates whether the process should continue to run as long as files are being watched.

Path filtering

  • 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.

Performance

  • 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.
  • Polling-specific settings (effective when 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.

Errors

  • 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.

Methods & Events

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.

CLI

Check out third party chokidar-cli, which allows to execute a command on each change, or get a stdio stream of change events.

Troubleshooting

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 shell
  • Error: watch /home/ ENOSPC

There are two things that can cause it.

  1. Exhausted file handles for generic fs operations
    • Can be solved by using graceful-fs, which can monkey-patch native fs module used by chokidar: let fs = require('fs'); let grfs = require('graceful-fs'); grfs.gracefulify(fs);
    • Can also be solved by tuning OS: echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p.
  2. Exhausted file handles for fs.watch
    • Can't seem to be solved by graceful-fs or OS tuning
    • It's possible to start using usePolling: true, which will switch backend to resource-intensive fs.watchFile

All fsevents-related issues (WARN optional dep failed, fsevents is not a constructor) are solved by upgrading to v4+.

Changelog

  • v4 (Sep 2024): remove glob support and bundled fsevents. Decrease dependency count from 13 to 1. Rewrite in typescript. Bumps minimum node.js requirement to v14+
  • v3 (Apr 2019): massive CPU & RAM consumption improvements; reduces deps / package size by a factor of 17x and bumps Node.js requirement to v8.16+.
  • v2 (Dec 2017): globs are now posix-style-only. Tons of bugfixes.
  • v1 (Apr 2015): glob support, symlink support, tons of bugfixes. Node 0.8+ is supported
  • v0.1 (Apr 2012): Initial release, extracted from Brunch

Upgrading

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')));

Also

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.

License

MIT (c) Paul Miller (https://paulmillr.com), see LICENSE file.