Laravel + Vue.js でOauth認証を利用したサンプルSPA構築 [2] BrowserSync連携

Laravelに同梱されてるlaravel mixの設定まで。

まずはVM内で走らせてみる

vagrant ssh
cd /home/vagrant/code/myproject/
npm install
npm run dev

コンパイルはOK。

npm run watch

このままだとエラーを吐く。cross-envが無いらしいのでインストール。

npm install --save-dev cross-env

そしてwatch。
VM上だとwatch-pollとする必要があるそう。

npm run watch-poll

成功。VM上なのでブラウザを開かないため、手動で、、
なおbrowsersyncにはポートが必要になる。

http://myproject.test:3000/

一見成功。
しかし、コンパイルに時間かかる。。。
さらに、viewsの変更には反応しない。。。
これではちょっと使えない。

VMに入らず、ローカルのディレクトリ上で走らせてみる

node_modulesは再度インストールしなおす

exit
cd myproject
rm -R node_modules/
npm install

そして実行。

npm run watch

ちゃんとviesにも反応。
しかも早いくて快適!