啟用 HMR：模塊熱替換(Hot Module Replacement 或 HMR)它允許在運(yùn)行時(shí)更新各種模塊，而無需進(jìn)行完全刷新。

第一步：修改webpack-dev-server?的配置 或者通過命令來修改webpack-dev-server --hotOnly。

??devServer:?{
??????hot:?true
????},

第二步：引入插件：?html-webpack-plugin、clean-webpack-plugin(每次都重新清除一次dist（目標(biāo)）文件目錄); 引入webpack

??const?HtmlWebpackPlugin?=?require('html-webpack-plugin');
??const?CleanWebpackPlugin?=?require('clean-webpack-plugin');
??const?webpack?=?require('webpack');

第三步：使用webpack內(nèi)置插件HMR

??plugins:?[
???????????new?CleanWebpackPlugin(['dist']),
?????????new?HtmlWebpackPlugin({
????????????title:?'Hot?Module?Replacement'
?????????}),
????????????new?webpack.HotModuleReplacementPlugin()
????],