vue-cliのHot ReloadがVagrant上で動かないときの対応

Webpackでのファイル更新を監視する

• build/dev-webpack.jsのdevMiddlewareに watchOptionsを以下のように追加します。

ファイル更新チェック

var devMiddleware = require('webpack-dev-middleware')(compiler, {
  publicPath: webpackConfig.output.publicPath,
  quiet: true,
  watchOptions: {
    aggregateTimeout: 300,
    poll: true
  }
})

ファイルが更新されたかどうかを確認するためのポーリングの設定を行うことでHot Reloadを機能させます。