webpack4配置熱更新無效
據官網介紹，webpack-dev-server默認只是“刷新網頁”
要實現熱更新，除了配置options-> hot: true之外
還需要webpack內置插件:? new webpack.HotModuleReplacementPlugin()
導師的代碼也是這樣寫的。
所以，有了我所下的代碼：
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()
?????)
}此時重新npm run dev
去修改任意組件，chrome控制會顯示 “app hot update”, 但實際上網頁內容并沒有實現更新？為什么會這樣子？有解決該問題的同學嗎？
下面是我scripts下的代碼：
"dev":?"cross-env?NODE_ENV=development?webpack-dev-server?--mode?development?--config?webpack.config.js"
2019-01-06
config.devServer?=?{ ????hotOnly:true }devServer配置中加一句這個試試，你這個熱更新生效了，只是被devServer的自動刷新功能給蓋過了
2018-10-19
webpack4有效啊，就是不知道你的為啥無效，你不用熱更新更改組件有效嗎？
2018-06-29
npm i webpack-dev-server --save?
2018-06-22
解決方法：不要使用webpack自帶的webpack-dev-server, 自己重新yarn add
可用版本：
如果有其他解決方案，請告知我噢