webpack4配置熱更新無效
據(jù)官網(wǎng)介紹，webpack-dev-server默認(rèn)只是“刷新網(wǎng)頁”
要實(shí)現(xiàn)熱更新，除了配置options-> hot: true之外
還需要webpack內(nèi)置插件:? new webpack.HotModuleReplacementPlugin()
導(dǎo)師的代碼也是這樣寫的。
所以，有了我所下的代碼：
if?(isDev)?{
????config.devtool?=?'cheap-module-eval-source-map'
????config.devServer?=?{
????????port:?8080,
????????host:?'0.0.0.0',?
????????overlay:?{?errors:?true?},
????????open:?true,
????????hot:?true,?
?????}
?????config.plugins.push(
?????????new?webpack.HotModuleReplacementPlugin(),
?????????new?webpack.NoEmitOnErrorsPlugin(),
?????????new?webpack.NamedModulesPlugin()
?????)
}此時(shí)重新npm run dev
去修改任意組件，chrome控制會(huì)顯示 “app hot update”, 但實(shí)際上網(wǎng)頁內(nèi)容并沒有實(shí)現(xiàn)更新？為什么會(huì)這樣子？有解決該問題的同學(xué)嗎？
下面是我scripts下的代碼：
"dev":?"cross-env?NODE_ENV=development?webpack-dev-server?--mode?development?--config?webpack.config.js"
2019-01-06
config.devServer?=?{ ????hotOnly:true }devServer配置中加一句這個(gè)試試，你這個(gè)熱更新生效了，只是被devServer的自動(dòng)刷新功能給蓋過了
2018-10-19
webpack4有效啊，就是不知道你的為啥無效，你不用熱更新更改組件有效嗎？
2018-06-29
npm i webpack-dev-server --save?
2018-06-22
解決方法：不要使用webpack自帶的webpack-dev-server, 自己重新yarn add
可用版本：
如果有其他解決方案，請(qǐng)告知我噢