Как включить hmr в webpack-dev-сервере?

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

Я попробовал это, и это, кажется, работает для шаблонов, за исключением.