vagrant
webpack
vue-cli

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

More than 1 year has passed since last update.

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を機能させます。