新增熱模組更換(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。