webpack5でdev serverを起動する

※ 商品のリンクをクリックして何かを購入すると私に少額の報酬が入ることがあります【広告表示】

webpack4までの方法でwebpack-dev-serverを起動しようとすると、webpack5ではエラーになる。

試した環境

  $ webpack -v
    webpack 5.28.0
    webpack-cli 4.5.0
    webpack-dev-server 3.11.2

webpack-dev-serverコマンドはエラーがでる

  $ ./node_modules/.bin/webpack-dev-server --content-base src --mode development
  ...
  Error: Cannot find module 'webpack-cli/bin/config-yargs'

config-yargsが無くなったということらしい。

古いバージョンを指定して入れよう、とかググると色々見つかるけれど、npx webpackで起動するのが良い。

CLIで起動方法 (公式ドキュメント）

オプションは同じものが使えるのかな？

  $ npx webpack serve --content-base src --mode=development

webpack.config.jsに設定を書いても良い（これも公式ドキュメントに書いてある）。

また、どうでも良いものを書いてしまった（公式に書いてあるじゃんすか的な）