nodemon vs chokidar-cli vs gulp-watch
開発ワークフローにおけるファイル監視ツールの選定
nodemonchokidar-cligulp-watch類似パッケージ:

開発ワークフローにおけるファイル監視ツールの選定

chokidar-cligulp-watchnodemon は、すべてファイルシステムの変更を検知して特定のアクションを実行するためのツールですが、役割と統合方法が異なります。nodemon は Node.js アプリケーションの開発中にファイル変更を検知してプロセスを自動再起動することに特化しています。chokidar-cli は、高性能なファイル監視ライブラリ chokidar をコマンドラインから利用できるようにしたもので、ビルドシステムに依存せずにコマンドを実行できます。gulp-watch は、タスクランナーである Gulp のプラグインとして動作し、ファイル変更を Gulp のストリーム処理に組み込むために使用されます。

npmのダウンロードトレンド

3 年

GitHub Starsランキング

統計詳細

パッケージ
ダウンロード数
Stars
サイズ
Issues
公開日時
ライセンス
nodemon9,801,37026,702219 kB925日前MIT
chokidar-cli480,4100-05年前MIT
gulp-watch129,450639-708年前MIT

開発ワークフローにおけるファイル監視ツールの選定:chokidar-cli vs gulp-watch vs nodemon

フロントエンドおよびバックエンド開発において、ファイルの変更を検知して自動で処理を実行する仕組みは、開発効率を左右する重要なインフラです。chokidar-cligulp-watchnodemon は、いずれもファイル監視(File Watching)を担いますが、その目的とアーキテクチャ上の役割は明確に異なります。本稿では、これら 3 つのパッケージを技術的な観点から比較し、プロジェクトの要件に合わせた最適な選定基準を提供します。

🎯 目的と役割の違い:再起動 vs タスク実行 vs ストリーム処理

これらツールの最大の違いは、「ファイル変更後に何をするか」にあります。

nodemon は、Node.js アプリケーションの開発に特化しています。

  • 監視対象のファイルが変更されると、実行中の Node.js プロセスを kills し、再起動します。
  • サーバー開発において、変更を反映させるための手動再起動を不要にします。
// nodemon.json 設定例
{
  "watch": ["src"],
  "ext": "ts,json",
  "exec": "ts-node ./src/index.ts"
}

chokidar-cli は、汎用的なコマンド実行ツールです。

  • ファイル変更を検知すると、指定されたシェルコマンドを実行します。
  • 特定のプロセスを再起動するというより、ビルドスクリプトやテストコマンドをトリガーする用途に向いています。
# コマンドラインでの使用例
# src ディレクトリの変更を検知して npm run build を実行
npx chokidar "src/**/*" -c "npm run build"

gulp-watch は、Gulp タスクランナーのプラグインです。

  • ファイル変更を Gulp のストリームパイプラインに組み込みます。
  • 変更されたファイルのみを処理対象とし、パイプラインを通じて変換や出力を行います。
// gulpfile.js での使用例
const watch = require('gulp-watch');
const gulp = require('gulp');

watch('src/**/*.scss', function (file) {
  return gulp.src(file.path)
    .pipe(sass())
    .pipe(gulp.dest('dist'));
});

⚙️ 監視エンジンとパフォーマンス

内部で使用されている監視エンジンも選定の重要な要素です。

nodemonchokidar-cli は、どちらも業界標準のファイル監視ライブラリである chokidar を内部で使用しています。

  • ネイティブの fs.watchfs.watchFile の不具合を吸収し、クロスプラットフォームで安定した動作を提供します。
  • 大量のファイルがあるプロジェクトでも、CPU リソースを効率的に使用しながら正確なイベントを検知できます。

gulp-watch もまた、内部で chokidar をラップして使用しています。

  • しかし、Gulp のストリーム処理を介すため、単純なファイル監視だけでなく、ストリームの初期化や処理オーバーヘッドが発生します。
  • Gulp 4 からは、このプラグイン 없이 も gulp.watch() で同様の chokidar 機能が標準搭載されました。
// Gulp 4 の標準機能(gulp-watch プラグイン不要)
const { watch, series } = require('gulp');

function cssTask() { /* ... */ }

// プラグインなしで chokidar ベースの監視が可能
watch('src/**/*.scss', cssTask);

🛠️ 設定と拡張性

プロジェクトの規模や複雑さに応じて、設定の柔軟性が求められます。

nodemon は、設定ファイルによる管理が容易です。

  • nodemon.json または package.json に設定を記述することで、チーム間で設定を共有できます。
  • 再起動の遅延(delay)や、特定ファイルの無視(ignore)など、サーバー開発に必要な機能が充実しています。
// nodemon.json
{
  "delay": "2000",
  "ignore": ["*.test.js", ".git"],
  "env": {
    "NODE_ENV": "development"
  }
}

chokidar-cli は、コマンドラインオプションで完結します。

  • 設定ファイルを作るほどではないが、npm script に一行追加したい場合に便利です。
  • 複雑な条件分岐が必要な場合は、スクリプト側にロジックを逃がす必要があります。
// package.json
{
  "scripts": {
    "watch:assets": "chokidar 'assets/**/*' -c 'cp {path} dist/'"
  }
}

gulp-watch は、Gulp タスクの一部として記述します。

  • Gulp のエコシステム(プラグイン)と連携する場合は強力ですが、Gulp 自体の設定(gulpfile.js)が必要になります。
  • 複雑なパイプライン構築には適していますが、単純な監視にはオーバーヘッドです。
// 複雑なパイプライン例
watch('src/**/*')
  .pipe(vinylPaths())
  .pipe(delete());

⚠️ 維持管理と将来性に関する警告

ツールのメンテナンス状況は、長期プロジェクトにおいてリスク管理の観点から重要です。

gulp-watch の使用は新規プロジェクトで避けるべきです。

  • Gulp 4 以降、公式に gulp.watch が標準機能として提供されており、外部プラグインである gulp-watch は冗長となっています。
  • 多くの場合、gulp-watch はレガシーな Gulp 3 プロジェクトの維持管理のためにのみ存在します。
  • 新規構成では、Gulp 標準機能または chokidar を直接利用することを強く推奨します。

nodemonchokidar-cli は活発に維持されています。

  • それぞれの目的(サーバー再起動、汎用コマンド実行)が明確であり、代替が効きにくいポジションを確立しています。
  • 特に nodemon は Node.js エコシステムにおいて事実上の標準ツールとして定着しています。

📊 比較サマリー

機能nodemonchokidar-cligulp-watch
主な用途Node.js サーバー再起動任意コマンドの実行Gulp ストリーム処理
監視エンジンchokidarchokidarchokidar
設定方法JSON / package.jsonCLI オプションJavaScript (gulpfile)
Gulp 統合不要不要必須(プラグイン)
推奨度⭐⭐⭐⭐⭐ (Backend)⭐⭐⭐⭐ (Simple)⭐ (Legacy Only)

💡 結論:アーキテクチャに基づく選定ガイド

最終的な選択は、あなたのプロジェクトがどのようなアーキテクチャを採用しているかに依存します。

Node.js バックエンド開発の場合 迷わず nodemon を選んでください。設定の手間が少なく、再起動の挙動が最適化されており、デバッグ体験が向上します。

# 開発サーバーの起動
npx nodemon app.js

シンプルなフロントエンドタスクの場合 ビルドツールが重すぎると感じる場合や、npm script だけで完結させたい場合は chokidar-cli が有効です。依存関係を増やさずにファイル監視を実現できます。

# 簡易なファイルコピー監視
npx chokidar "input/*" -c "cp {path} output/"

Gulp ベースのビルドパイプラインの場合 Gulp を使用している場合は、gulp-watch プラグインを使わず、Gulp 4 標準の gulp.watch を使用してください。これが最も現代的でメンテナンス性の高いアプローチです。

// 推奨:Gulp 標準機能
const { watch } = require('gulp');
watch('src/**/*.js', buildJs);

開発ツールの選定は、単に機能の有無だけでなく、エコシステムとの整合性と長期的な維持コストを考慮して行うべきです。これらの指針が、あなたのプロジェクトの健全な開発環境構築に役立つことを願っています。

選び方: nodemon vs chokidar-cli vs gulp-watch

  • nodemon:

    Node.js サーバー(Express や NestJS など)を開発している場合、nodemon が最適です。コード変更を検知してサーバープロセスを自動的に再起動してくれるため、手動での再起動手間が省けます。設定ファイル(nodemon.json)による細かな制御も可能で、バックエンド開発のデファクトスタンダードと言えます。

  • chokidar-cli:

    Gulp や Webpack などのビルドツールを使わずに、ファイル変更時に単純なコマンド(例:スクリプト実行やテスト実行)をトリガーしたい場合に選択します。chokidar の高性能な監視機能を CLI として手軽に利用でき、軽量なワークフローに適しています。

  • gulp-watch:

    既に Gulp 3 を使用しているレガシープロジェクトであれば検討の余地がありますが、Gulp 4 以降では標準機能の gulp.watch が存在するため、新規プロジェクトでの使用は推奨されません。Gulp のストリーム処理と密結合した監視が必要な場合を除き、より現代的な代替案を検討すべきです。

nodemon のREADME

Nodemon Logo

nodemon

nodemon is a tool that helps develop Node.js based applications by automatically restarting the node application when file changes in the directory are detected.

nodemon does not require any additional changes to your code or method of development. nodemon is a replacement wrapper for node. To use nodemon, replace the word node on the command line when executing your script.

NPM version Backers on Open Collective Sponsors on Open Collective

Installation

Either through cloning with git or by using npm (the recommended way):

npm install -g nodemon # or using yarn: yarn global add nodemon

And nodemon will be installed globally to your system path.

You can also install nodemon as a development dependency:

npm install --save-dev nodemon # or using yarn: yarn add nodemon -D

With a local installation, nodemon will not be available in your system path or you can't use it directly from the command line. Instead, the local installation of nodemon can be run by calling it from within an npm script (such as npm start) or using npx nodemon.

Usage

nodemon wraps your application, so you can pass all the arguments you would normally pass to your app:

nodemon [your node app]

For CLI options, use the -h (or --help) argument:

nodemon -h

Using nodemon is simple, if my application accepted a host and port as the arguments, I would start it as so:

nodemon ./server.js localhost 8080

Any output from this script is prefixed with [nodemon], otherwise all output from your application, errors included, will be echoed out as expected.

You can also pass the inspect flag to node through the command line as you would normally:

nodemon --inspect ./server.js 80

If you have a package.json file for your app, you can omit the main script entirely and nodemon will read the package.json for the main property and use that value as the app (ref).

nodemon will also search for the scripts.start property in package.json (as of nodemon 1.1.x).

Also check out the FAQ or issues for nodemon.

Automatic re-running

nodemon was originally written to restart hanging processes such as web servers, but now supports apps that cleanly exit. If your script exits cleanly, nodemon will continue to monitor the directory (or directories) and restart the script if there are any changes.

Manual restarting

Whilst nodemon is running, if you need to manually restart your application, instead of stopping and restart nodemon, you can type rs with a carriage return, and nodemon will restart your process.

Config files

nodemon supports local and global configuration files. These are usually named nodemon.json and can be located in the current working directory or in your home directory. An alternative local configuration file can be specified with the --config <file> option.

The specificity is as follows, so that a command line argument will always override the config file settings:

  • command line arguments
  • local config
  • global config

A config file can take any of the command line arguments as JSON key values, for example:

{
  "verbose": true,
  "ignore": ["*.test.js", "**/fixtures/**"],
  "execMap": {
    "rb": "ruby",
    "pde": "processing --sketch={{pwd}} --run"
  }
}

The above nodemon.json file might be my global config so that I have support for ruby files and processing files, and I can run nodemon demo.pde and nodemon will automatically know how to run the script even though out of the box support for processing scripts.

A further example of options can be seen in sample-nodemon.md

package.json

If you want to keep all your package configurations in one place, nodemon supports using package.json for configuration. Specify the config in the same format as you would for a config file but under nodemonConfig in the package.json file, for example, take the following package.json:

{
  "name": "nodemon",
  "homepage": "http://nodemon.io",
  "...": "... other standard package.json values",
  "nodemonConfig": {
    "ignore": ["**/test/**", "**/docs/**"],
    "delay": 2500
  }
}

Note that if you specify a --config file or provide a local nodemon.json any package.json config is ignored.

This section needs better documentation, but for now you can also see nodemon --help config (also here).

Using nodemon as a module

Please see doc/requireable.md

Using nodemon as child process

Please see doc/events.md

Running non-node scripts

nodemon can also be used to execute and monitor other programs. nodemon will read the file extension of the script being run and monitor that extension instead of .js if there's no nodemon.json:

nodemon --exec "python -v" ./app.py

Now nodemon will run app.py with python in verbose mode (note that if you're not passing args to the exec program, you don't need the quotes), and look for new or modified files with the .py extension.

Default executables

Using the nodemon.json config file, you can define your own default executables using the execMap property. This is particularly useful if you're working with a language that isn't supported by default by nodemon.

To add support for nodemon to know about the .pl extension (for Perl), the nodemon.json file would add:

{
  "execMap": {
    "pl": "perl"
  }
}

Now running the following, nodemon will know to use perl as the executable:

nodemon script.pl

It's generally recommended to use the global nodemon.json to add your own execMap options. However, if there's a common default that's missing, this can be merged in to the project so that nodemon supports it by default, by changing default.js and sending a pull request.

Monitoring multiple directories

By default nodemon monitors the current working directory. If you want to take control of that option, use the --watch option to add specific paths:

nodemon --watch app --watch libs app/server.js

Now nodemon will only restart if there are changes in the ./app or ./libs directory. By default nodemon will traverse sub-directories, so there's no need in explicitly including sub-directories.

Nodemon also supports unix globbing, e.g --watch './lib/*'. The globbing pattern must be quoted. For advanced globbing, see picomatch documentation, the library that nodemon uses through chokidar (which in turn uses it through anymatch).

Specifying extension watch list

By default, nodemon looks for files with the .js, .mjs, .coffee, .litcoffee, and .json extensions. If you use the --exec option and monitor app.py nodemon will monitor files with the extension of .py. However, you can specify your own list with the -e (or --ext) switch like so:

nodemon -e js,pug

Now nodemon will restart on any changes to files in the directory (or subdirectories) with the extensions .js, .pug.

Ignoring files

By default, nodemon will only restart when a .js JavaScript file changes. In some cases you will want to ignore some specific files, directories or file patterns, to prevent nodemon from prematurely restarting your application.

This can be done via the command line:

nodemon --ignore lib/ --ignore tests/

Or specific files can be ignored:

nodemon --ignore lib/app.js

Patterns can also be ignored (but be sure to quote the arguments):

nodemon --ignore 'lib/*.js'

Important the ignore rules are patterns matched to the full absolute path, and this determines how many files are monitored. If using a wild card glob pattern, it needs to be used as ** or omitted entirely. For example, nodemon --ignore '**/test/**' will work, whereas --ignore '*/test/*' will not.

Note that by default, nodemon will ignore the .git, node_modules, bower_components, .nyc_output, coverage and .sass-cache directories and add your ignored patterns to the list. If you want to indeed watch a directory like node_modules, you need to override the underlying default ignore rules.

Application isn't restarting

In some networked environments (such as a container running nodemon reading across a mounted drive), you will need to use the legacyWatch: true which enables Chokidar's polling.

Via the CLI, use either --legacy-watch or -L for short:

nodemon -L

Though this should be a last resort as it will poll every file it can find.

Delaying restarting

In some situations, you may want to wait until a number of files have changed. The timeout before checking for new file changes is 1 second. If you're uploading a number of files and it's taking some number of seconds, this could cause your app to restart multiple times unnecessarily.

To add an extra throttle, or delay restarting, use the --delay command:

nodemon --delay 10 server.js

For more precision, milliseconds can be specified. Either as a float:

nodemon --delay 2.5 server.js

Or using the time specifier (ms):

nodemon --delay 2500ms server.js

The delay figure is number of seconds (or milliseconds, if specified) to delay before restarting. So nodemon will only restart your app the given number of seconds after the last file change.

If you are setting this value in nodemon.json, the value will always be interpreted in milliseconds. E.g., the following are equivalent:

nodemon --delay 2.5

{
  "delay": 2500
}

Gracefully reloading down your script

It is possible to have nodemon send any signal that you specify to your application.

nodemon --signal SIGHUP server.js

Your application can handle the signal as follows.

process.on("SIGHUP", function () {
  reloadSomeConfiguration();
  process.kill(process.pid, "SIGTERM");
})

Please note that nodemon will send this signal to every process in the process tree.

If you are using cluster, then each workers (as well as the master) will receive the signal. If you wish to terminate all workers on receiving a SIGHUP, a common pattern is to catch the SIGHUP in the master, and forward SIGTERM to all workers, while ensuring that all workers ignore SIGHUP.

if (cluster.isMaster) {
  process.on("SIGHUP", function () {
    for (const worker of Object.values(cluster.workers)) {
      worker.process.kill("SIGTERM");
    }
  });
} else {
  process.on("SIGHUP", function() {})
}

Controlling shutdown of your script

nodemon sends a kill signal to your application when it sees a file update. If you need to clean up on shutdown inside your script you can capture the kill signal and handle it yourself.

The following example will listen once for the SIGUSR2 signal (used by nodemon to restart), run the clean up process and then kill itself for nodemon to continue control:

// important to use `on` and not `once` as nodemon can re-send the kill signal
process.on('SIGUSR2', function () {
  gracefulShutdown(function () {
    process.kill(process.pid, 'SIGTERM');
  });
});

Note that the process.kill is only called once your shutdown jobs are complete. Hat tip to Benjie Gillam for writing this technique up.

Triggering events when nodemon state changes

If you want growl like notifications when nodemon restarts or to trigger an action when an event happens, then you can either require nodemon or add event actions to your nodemon.json file.

For example, to trigger a notification on a Mac when nodemon restarts, nodemon.json looks like this:

{
  "events": {
    "restart": "osascript -e 'display notification \"app restarted\" with title \"nodemon\"'"
  }
}

A full list of available events is listed on the event states wiki. Note that you can bind to both states and messages.

Pipe output to somewhere else

nodemon({
  script: ...,
  stdout: false // important: this tells nodemon not to output to console
}).on('readable', function() { // the `readable` event indicates that data is ready to pick up
  this.stdout.pipe(fs.createWriteStream('output.txt'));
  this.stderr.pipe(fs.createWriteStream('err.txt'));
});

Using nodemon in your gulp workflow

Check out the gulp-nodemon plugin to integrate nodemon with the rest of your project's gulp workflow.

Using nodemon in your Grunt workflow

Check out the grunt-nodemon plugin to integrate nodemon with the rest of your project's grunt workflow.

Pronunciation

nodemon, is it pronounced: node-mon, no-demon or node-e-mon (like pokémon)?

Well...I've been asked this many times before. I like that I've been asked this before. There's been bets as to which one it actually is.

The answer is simple, but possibly frustrating. I'm not saying (how I pronounce it). It's up to you to call it as you like. All answers are correct :)

Design principles

  • Fewer flags is better
  • Works across all platforms
  • Fewer features
  • Let individuals build on top of nodemon
  • Offer all CLI functionality as an API
  • Contributions must have and pass tests

Nodemon is not perfect, and CLI arguments has sprawled beyond where I'm completely happy, but perhaps it can be reduced a little one day.

FAQ

See the FAQ and please add your own questions if you think they would help others.

Backers

Thank you to all our backers! 🙏

nodemon backers

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. Sponsor this project today ❤️

Netpositive Best online casinos not on GamStop in the UK TheCasinoDB Goread.io Best Australian online casinos. Reviewed by Correct Casinos. Website dedicated to finding the best and safest licensed online casinos in India nongamstopcasinos.net Buy Instagram Likes OnlineCasinosSpelen Beoordelen van nieuwe online casino's 2023 CasinoZonderRegistratie.net - Nederlandse Top Casino's Buy real Instagram followers from Twicsy starting at only $2.97. Twicsy has been voted the best site to buy followers from the likes of US Magazine. SocialWick offers the best Instagram Followers in the market. If you are looking to boost your organic growth, buy Instagram followers from SocialWick Buy Telegram Members We review the entire iGaming industry from A to Z CryptoCasinos.online No deposit casino promo Codes 2024 - The best online Casinos websites. No deposit bonus codes, Free Spins and Promo Codes. Stake, Roobet, Jackpotcity and more. Online casino. Boost your social media presence effortlessly with top-quality Instagram and TikTok followers and likes. Social Media Management and all kinds of followers Betwinner is an online bookmaker offering sports betting, casino games, and more. At Buzzoid, you can buy Instagram followers quickly, safely, and easily with just a few clicks. Rated world's #1 IG service since 2012. Zamsino.com Reviewing and comparing online casinos available to Finnish players. In addition, we publish relevant news and blog posts about the world of iGaming. Buzzvoice is your one-stop shop for all your social media marketing needs. With Buzzvoice, you can buy followers, comments, likes, video views and more! SocialBoosting: Buy Instagram & TikTok Followers, Likes, Views Ігрові автомати онлайн Kasinohai.com Casino Online Chile casino online chile Vanguard Media évalue les casinos en ligne pour joueurs français, testant les sites en France. Nos classements stricts garantissent des casinos fiables et sûrs. Bei Releaf erhalten Sie schnell und diskret Ihr Cannabis Rezept online. Unsere Ärzte prüfen Ihre Angaben und stellen bei Eignung das Rezept aus. Anschließend können Sie legal und sicher medizinisches Cannabis über unsere Partnerapotheken kaufen. Analysis of online casinos with the best payouts Download multithreaded HEIC to JPG converter software for Windows 10/11 We specialize in the online gambling industry, helping players access reliable and verified information about the best online casinos and pokies in Australia. Our team tests casinos and games, collects user reviews from Trustpilot, and organizes them in o Wolf Winner Casino AUCrazyVegas iDealeCasinos BetPokies.co.nz is your New Zealand guide in the world of online gambling. Our site was created by gamblers for gamblers. one x bet - Arabic betting site Online Casino Zonder Registratie We test dozens of casinos every month and select the coolest ones for Australian players. Buy Instagram Followers Pokies Reviews Buy TikTok Comments Mi misión es la educación y transparencia en el mundo de los casinos online Spreading knowledge about $ETH Best online sports betting and casino company. bestecasinozondercruks Best online sports betting company in Thailand. Best online sports betting company in Vietnam. We testen elke maand tientallen casino’s en kiezen de beste uit voor Nederlandse spelers. ThePokies Net Aviator Game Online Plinko Game

Please note that links to the sponsors above are not direct endorsements nor affiliated with any of contributors of the nodemon project.

License

MIT http://rem.mit-license.org