WebpackにおけるCan't resolve 'fs'の解決方法

2018-08-14

コンパイルするときに Module not found: Error: Can't resolve 'fs' が出る問題がなかなか解決できず，ようやく原因が分かったので書き残しておきます．

Caution

サーバサイドの場合はこの方法で解決できますが，フロントで使うときは別の方法になります．

原因

Webpack は複数の環境でコンパイルできるように作られており，設定ファイル内の target で記述する必要があるようです．

デフォルトでは target: 'web' になっています．ブラウザのような環境で使うときの設定です．

Module not found というエラーだったのでパッケージが入っていないのではないかと考えてハマっていましたが，Node.js 環境でのコンパイルをするように設定すれば動きました．

module.exports = {
  ... ,
  target: 'node',
  ...
}