webpack-serve で開発サーバを建てる

かつて webpack-dev-server が使われていましたが、webpack-serve に移行したらしいので、新しいほうを使ってみようと思います。

ちなみに、古いブラウザを利用する場合は前のパッケージを使う必要があるようです。

スポンサーリンク

インストール

-D は --dev オプションです。

webpack-serve のバージョンは 2.0.2 です。

設定ファイル

webpack.config.js

serve.config.js

とりあえず、ビルドするときには webpack.config.js を読み込み、開発サーバでテストするときは serve.config.js を使うようにしておきます。

バージョン 2 では argv が必要になったので、古い記事を参考にすると動かなかったりします。

サーバの起動

http://localhost:8080 で起動します。

(参考)

webpackとwebpack-serveで静的なWeb環境を作る | Qiita

スポンサーリンク