Webpack+babel-loaderでビルド時にエラー(ERROR in Cannot find module './node_modules/babel-loader/index.js')

Webpack+babel-loaderでES6のソースをビルドしていたらエラーが発生しました。

エラー内容は

ERROR in Cannot find module './node_modules/babel-loader/index.js'

というもの。

エラーの詳細情報や、解決策はこちらに記載されていました。

Cannot find module './node_modules/babel-loader/index.js' · Issue #1260 · webpack/webpack · GitHub

要は、Webpackの設定ファイル(webpack.config.js)のresolve.rootに相対パスを指定すると発生するエラーのようです。

__dirname等を使い、絶対パスを指定すると解決します。

例

resolve: {
  root: __dirname,
  modulesDirectories: ['node_modules', 'src/js'],
  extensions: ['', '.js'],
}