webpack-dev-serverを使わずにhot-reloadを実現する方法

Question

vue.jsの構築でwebpackを利用しているのですが、webpack-dev-serverを使わずにhot-reloadを実現する方法がありましたら教えていただきたいです。

Answer 1

基本的にhot-reloadはwebpack-dev-serverの機能なので、ソースコードを編集した後の自動ブラウザリロードとしては他にbrowsersyncを利用する手があります。
browsersync
PHPのLaravelにLaravelMixというWebpackとbrowserSyncを簡単に使えるように組み合わせたものがあり、.vue拡張子をコンパイルでき、Laravelを使わずにpackage.jsonとwebpack.mix.jsでVue.js単体開発でも使えるので、webpack.config.jsの内容が複雑でなければ、使ってみるのも便利かもしれません。
Laravel 5.4 アセットのコンパイル(Laravel Mix)
Laravel Mixでwebpackをもっと簡単に使う方法

Comments

[退会済みユーザー]

ありがとうございます。