Webpackが変更時に再構築されない

Question

何らかの理由で、webpackが変更時にファイルを再構築できない。私は基本的にBrowsersync - Webpack + TypeScript Recipeに従った。

マイwebpack.config.js：

let path = require('path'); 
let webpack = require('webpack'); 

let config = { 
    debug: true, 
    devtool: 'eval', 
    entry: './app/index.ts', 
    output: { 
    publicPath: '/', 
    path: path.join(__dirname, 'wwwroot'), 
    filename: 'bundle.js' 
    }, 
    plugins: [], 
    resolve: { 
    extensions: ['', '.ts', '.js'] 
    }, 
    module: { 
    loaders: [ 
     { test: /\.ts$/, loader: 'ts', include: path.join(__dirname, 'app') } 
    ] 
    } 
}; 
module.exports = config; 

私は文字通りレシピからコピーした私のブラウザ同期設定（server.js）：

var browserSync   = require('browser-sync').create(); 
var webpack    = require('webpack'); 
var webpackDevMiddleware = require('webpack-dev-middleware'); 
var stripAnsi   = require('strip-ansi'); 
var webpackConfig = require('./webpack.config'); 
var bundler  = webpack(webpackConfig); 

bundler.plugin('done', function (stats) { 
    if (stats.hasErrors() || stats.hasWarnings()) { 
     return browserSync.sockets.emit('fullscreen:message', { 
      title: "Webpack Error:", 
      body: stripAnsi(stats.toString()), 
      timeout: 100000 
     }); 
    } 
    browserSync.reload(); 
}); 

browserSync.init({ 
    server: 'wwwroot', 
    open: false, 
    logFileChanges: false, 
    middleware: [ 
     webpackDevMiddleware(bundler, { 
      publicPath: webpackConfig.output.publicPath, 
      stats: {colors: true} 
     }) 
    ], 
    plugins: ['bs-fullscreen-message'], 
    files: [ 
    ] 
}); 

そして、それはすべて私が単にNPMスクリプトセクションを使用開始するには：

"scripts": { 
    "build": "node server" 
}, 

01でタイプスクリプトファイルを変更するときはいつでも何も起こりません。 ここで何が間違っていますか？

Answer 1

webpack devミドルウェア設定にwatchセクションを明示的に追加することで修正しました。

ここで要求されたようには設定変更である：

browserSync.init({ 
    ... 
    middleware: [ 
    webpackDevMiddleware(bundler, { 
     // Explicitly set watch options: 
     watchOptions: { 
     aggregateTimeout: 300, 
     poll: true 
     } 
    }) 
    ] 
});