webpack の watch（ホットリロード）が動かない場合の対処法

最終更新 2022-09-29 1 分で読める

結論

// webpack.config.js
module.exports = {
  //...
  watchOptions: {
    ignored: /node_modules/,
    poll: 5000  // 5秒ごとにチェック
  },
  //...
};

具体的な watchOptions.poll の数値（何ミリ秒ごとに polling するか）については cpu の負荷と相談して決めてください。

VirtualBox、WSL、Docker などで watch が動かない場合は、polling させると良いらしいです（私の場合、WSL2が駄目だったっぽい）。

このとき、負荷軽減のために /node_modules/ などの不要なディレクトリを除外しておきましょう。

https://zenn.dev/kazukisako/articles/kp3gfjsvvjab （以下のリンクはこの記事にあったものです、感謝）

ちなみに、Windows で watch が動かない場合は、パスがおかしい可能性があるそうです。