reactjs
webpack

webpack.config.jsについての覚え書き

Reactを使っていて、ビルドした時にwebpackがエラーを吐いたのでその原因と修正についてメモ。
結論から言うと、webpackのバージョンによってwebpack.config.jsの記述方法が異なっていたことが原因でした。
こんなエラーが出ていました。

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.resolve has an unknown property 'root'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }
 - configuration.resolve.extensions[0] should not be empty.

解決方法は次の通り

resolve: {
-   root: [path.join(__dirname, 'src')],
+   modules: [path.join(__dirname, 'src')],

-   extensions: ['', '.js', '.jsx']
+   extensions: ['.js', '.jsx']
  },

resolve.rootがresolve.modulesに変わっていて、さらにextensionsで空文字''が使えなくなったようです