webpack-dev-serverでhmrを有効にするには？

Question

ここは私のwebpack.config.jsonです。

var webpack = require('webpack'); 
    module.exports = { 
    context: __dirname + '/src', 
    entry: { 
    app: './app.js', 
    vendor: ['angular', 'angular-ui-router'] 
    }, 
    output: { 
    path: __dirname + '/js', 
    filename: 'app.bundle.js' 
    }, 
    module:{ 
    loaders: [ 
     { 
     test: /\.scss$/, 
     loader: "style!css!sass", 
     exclude: /node_modules/ 
     } 
    ], 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js") 
    ] 
}; 

私はホットモジュールの交換をオンにしますか、私はここで、WebPACKの-devのサーバーを使用していますが、私のpackage.jsonが

{ 
    "name": "trainingapp", 
    "version": "1.0.0",, 
    "main": "app.js", 
    "scripts": { 
    "build": "webpack --bail --progress --profile", 
    "server": "webpack-dev-server ./app.js --hot --inline --module-bind --progress --history-api-fallback", 
    "start": "npm run server" 
    }, 
    "devDependencies": { 
    "angular": "^1.6.0", 
    "angular-ui-router": "^0.3.2", 
    "css-loader": "^0.26.1", 
    "sass-loader": "^4.1.0", 
    "style-loader": "^0.13.1", 
    "webpack": "^1.14.0", 
    "webpack-dev-server": "^1.16.2" 
    } 
} 

ある現在、私は、変更を反映するために、私のブラウザーを更新する必要があります私のコードでやったことは、hmrを有効にしてもCSSの変更を引き起こすと思います。

Answer 1

あなたはUI-ルータを使用していることから、 このローダーを与えるAngular Hot Loader

私はそれを試してみてください、それはテンプレート以外の作業と思われます。