Webpack dev server reloadがバーチャルボックスで動作しない

Question

私はMacbox OSXで迷惑メールを使ってUbuntu 15.10でバーチャルボックスでWebpackサーバーを実行しています。

のWebPACKの設定はかなりきれいである：私が編集している場合

var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var path = require('path'); 
var webpack = require('webpack'); 

var MINIFY = process.env.MINIFY === true; 

var FRONTEND_ROOT = './static' 
var SRC_PATCH = FRONTEND_ROOT + '/scripts'; 
var BUILD_PATH = './dist'; 


module.exports = { 
    entry: SRC_PATCH + '/main.js', 
    devtool: 'source-map', 
    output: { 
     path: BUILD_PATH, 
     filename: 'bundle.js' 
    }, 
    resolve: { 
    extensions: ['', '.js', '.jsx'], 
    modulesDirectories: [SRC_PATCH, 'node_modules'] 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     filename: 'index.html', 
     template: path.resolve(FRONTEND_ROOT, 'index-template.html'), 
     minify: MINIFY 
    }) 
    ], 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx|js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader' 
     } 
    ] 
    }, 
    eslint: { 
    configFile: './.eslintrc' 
    } 
}; 

のWebPACKは

vagrant@vagrant-ubuntu-wily-64:/vagrant$ webpack-dev-server --port 8080 --devtool eval --progress --colors --hot --content-base dist 

とするとき、私はそれがリロードされませんOSXからファイルを編集することにより、VM上で実行されたが、 VMからリロードする同じファイル。

何が問題ですか？どうすれば修正できますか？

Answer 1

私は私のVagrantfileにラインconfig.vm.synced_folder ".", "/vagrant", type: "rsync", rsync_auto: true, rsync_exclude: ".git/"を追加し、別のタブの下にvagrant rsync-autoを実行するのだ浮浪者rsync-auto https://docs.vagrantup.com/v2/cli/rsync-auto.html

と私の問題を解決してきました。

Answer 2

これは別の質問の下に答えている：あなたは、それはWebPACKのは、ファイルの変更のための見え方を変える--watch-pollオプションを追加する場合 https://stackoverflow.com/a/34937378/5114

。

webpack-dev-server --watch-poll --port 8080 --devtool eval --progress --colors --hot --content-base dist 

これにより、webpackはNミリ秒ごとにファイルの変更をポーリングします。通常の方法ではmtimeやその他のファイルシステムの属性を検索しないため、一定の間隔でファイルを読み込むだけであるため、バラント共有ディレクトリでポーリングが機能します。それは遅く、より多くのCPU /メモリを使用します。そうしなければならない限り、ポーリングは使用しないでください。

https://webpack.github.io/docs/cli.html#watch