添加热模块更换(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。