webpack3から4に移行した時に出たエラーとやったこと

2018-03-26

webpack3から4に移行した時、エラーが出てハマったので、解決法をメモ。

1つ目のエラー

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

コマンドラインツールが本体と分離したからインストールしてくれとのこと。というわけで、以下を実行してコマンドラインをインストール。

npm install webpack-cli -D

2つ目のエラー

DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

分からなかったので調べたところ、 extract-text-webpack-plugin なるものがwebpack4にまだ対応してないために出るとのこと。解決法は以下のβ版をインストールする。

"extract-text-webpack-plugin": "^4.0.0-beta.0",