新增熱模組更換(HMR)

熱模組替換允許在應用程式執行時新增,更改或刪除應用程式模組。在這種情況下不需要頁面重新載入。

先決條件

除了 webpack-dev-middleware 包:

npm install --save-dev webpack-hot-middleware

組態

只需使用新選項更新 UseWebpackDevMiddleware 的配置:

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
    ConfigFile = "webpack.config.js", //this is defualt value
    HotModuleReplacement = true,
    ReactHotModuleReplacement = true, //for React only
});

你還需要在應用程式碼中接受熱模組。

Angular 2,React,Knockout 和 Vue 支援 HMR。