webpack5.0使用webpack-dev-server时，无法自动刷新网页html页面解决方案

有讲target:'web’的

有讲添加inline属性的（但是会显示如下错误）

[webpack-cli] Error: Unknown option ‘–inline’

其实主要还是webpack5.0改了~不支持inline，也不支持contentBase这些

介绍一下HMR功能
hot module replacement 热模块替换 / 模块热替换
作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块），极大提升构建速度
注意：只能在development模式下

CSS样式文件，会自动使用HMR功能
JS文件，默认不能使用HMR功能（修改一个JS模块后，所有JS模块都刷新；可以通过修改文件来实现，但是主入口实现不了）
html文件，默认不能使用HMR功能，通过下面方式能实现

关于html在development模式下不能热更新的解决方案（添加如下代码）

折腾了一半天看了说明书才解决，如果有用的话麻烦点个赞~谢谢

如果如下方案无法解决请访问此超链接试试

官方文档关于watchFiles说明

// 方法1
devServer: {watchFiles: ['./src/index.html'],
}

// 方法2（入口处添加）
entry: ["./src/index.js", "./src/index.html"],

webpack5.0使用webpack-dev-server时，无法自动刷新网页html页面解决方案相关推荐

[vue-cli]在使用vue-cli开发vue项目时，自动刷新页面的原理你了解吗？
[vue-cli]在使用vue-cli开发vue项目时,自动刷新页面的原理你了解吗? 自动刷新页面并不是vue-cli的功能,而是webpack的hot-module-replacement-plug ...
WEBPACK DEV SERVER
文/tsyeyuanfeng(简书作者) 原文链接:http://www.jianshu.com/p/941bfaf13be1# 著作权归作者所有,转载请联系作者获得授权,并标注"简书作者& ...
webpack dev server 和 sublime text 配合时需要注意的地方
参考:https://webpack.js.org/guides/development/ Adjusting Your Text Editor Some text editors have a &q ...
dev调试时无法进入下一步_【问题解决方案】Dev C++ 无法调试的问题与解决
浅谈ARP协议以及应用 0. 前言本章主要简单的介绍ARP的协议格式,主机如何发送和处理ARP报文,以及免费ARP. 1. ARP协议原理 ARP,全称Address Resolution Prot ...
iOS-OC-监听网络状态，有网时数据自动刷新
我监听网络状况用的是AFNetNetWorking,你可以用其他的方法,原理都一样:我所有的控制器都继承于基类控制器: 1.监听网络 <span style="font-size:18 ...
Express结合Webpack的全栈自动刷新
在以前的一篇文章BrowserSync,迅捷从免F5开始中,我介绍了BrowserSync这样一个出色的开发工具.通过BrowserSync我感受到了这样一个理念:如果在一次ctrl + s保存后可以 ...
【webpack5】webpack-dev-server 热更新不能自动刷新浏览器
[webpack5]webpack-dev-server 热更新不能自动刷新浏览器一.问题配置了热更新,但是不会自动刷新页面 // webpack.dev.config.js{devServer: ...
解决新版本webpack vue-cli生成文件没有dev.server.js问题
新版本webpack生成的dev.server.js 在webpack.dev.conf.js中webpack.dev.conf.jsconst axios = require('axios') co ...
vue:hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
运行vue项目是报错: hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.con ...

webpack5.0使用webpack-dev-server时，无法自动刷新网页html页面解决方案

webpack5.0使用webpack-dev-server时，无法自动刷新网页html页面解决方案相关推荐

最新文章

热门文章