Javascript 使用网页包重新加载实时html

Javascript 使用网页包重新加载实时html,javascript,html,web,webpack,Javascript,Html,Web,Webpack,对于noob的问题(我还是webpack的新手)很抱歉,我对实时重新加载html感兴趣,这意味着,每次我在html文件中进行更改时,我的浏览器都必须显示最新的更改,webpack有一个比javascript更好的功能,可以与html一起使用吗 刚才我正在使用这个框架进行开发,是的,我正在使用react,但我也在构建一些静态页面 我知道live.js之类的libs,但我发现它不是那么透明:这会重新加载我的浏览器,这会有几秒钟是空的,而括号(用于html)和webpack(用于js)几乎是即时的,你

对于noob的问题(我还是webpack的新手)很抱歉,我对实时重新加载html感兴趣,这意味着,每次我在html文件中进行更改时,我的浏览器都必须显示最新的更改,webpack有一个比javascript更好的功能,可以与html一起使用吗

刚才我正在使用这个框架进行开发,是的,我正在使用react,但我也在构建一些静态页面


我知道live.js之类的libs,但我发现它不是那么透明:这会重新加载我的浏览器,这会有几秒钟是空的,而括号(用于html)和webpack(用于js)几乎是即时的,你不会感觉到浏览器重新加载,如果在webpack之外有这样的替代方案,我将不胜感激,谢谢

经过数小时的谷歌搜索,我终于找到了答案。 只需添加以下配置:

devServer: {
  before(app, server) {
    const chokidar = require('chokidar');
    chokidar.watch('path/to/my-files/').on('all', function (event, path) {
      server.sockWrite(server.sockets, 'content-changed');
    });
  },
}

在这里的博客上找到它:

您应该使用带有热加载选项的webpack dev server,它会重新加载所有内容。让我知道你需要如何使用它的例子。谢谢你的回复..是的,如果你能告诉我如何配置,那就太好了,刚才我已经重新加载了js/jsx文件,但没有加载html,注意,使用node server.js似乎完成了(不确定,但基于该文件)。。