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"