課程
/前端開發(fā)
/前端工具
/webpack深入與實(shí)戰(zhàn)
使用了html-webpack-plugin之后怎么使用DevServer實(shí)時刷新啊???
2018-08-03
源自:webpack深入與實(shí)戰(zhàn) 3-2
正在回答
第一步:修改webpack-dev-server?的配置 或者通過命令來修改webpack-dev-server --hotOnly。
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() ????],
舉報
webpack實(shí)戰(zhàn)教程,用真實(shí)項目帶你探索 webpack 強(qiáng)大的功能
6 回答html-webpack-plugin報錯
3 回答遍歷html-webpack-plugin時
6 回答html-webpack-plugin 報錯 Entrypoint undefined = index.html
7 回答一旦引入 html-webpack-plugin就報錯
5 回答html-webpack-plugin 的 模板 和 html-loader 沖突,如何解決???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-09-16
啟用 HMR:模塊熱替換(Hot Module Replacement 或 HMR)它允許在運(yùn)行時更新各種模塊,而無需進(jìn)行完全刷新。
第一步:修改webpack-dev-server?的配置 或者通過命令來修改
webpack-dev-server --hotOnly
。第二步:引入插件:?html-webpack-plugin、clean-webpack-plugin(每次都重新清除一次dist(目標(biāo))文件目錄); 引入webpack
第三步:使用webpack內(nèi)置插件HMR