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"