Question

对不起noob问题（我仍然是webpack的新手）我对live reload my html感兴趣，这意味着，每次我更改我的html文件时我的浏览器必须显示最新的更改，webpack已经一个不错的功能，而不是适用于JavaScript，可以使用它与HTML？

刚才我正在使用这个骨架https://github.com/gaearon/react-hot-boilerplate进行开发，是的我正在使用react，但我正在构建一些静态页面

我知道像live.js这样的libs，但我发现它不那么透明：这会重新加载我的浏览器，这是空的几秒钟，而是括号（对于html）和webpack（对于js）几乎是即时的，你不要感觉浏览器重新加载，webpack之外的这样的替代方案也会很感激，谢谢

Answer 1

经过数小时的Google搜索，我终于找到了答案。只需添加此配置：

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');
    });
  },
}

在https://daltontan.com/easiest-way-to-reload-webpack-dev-server-when-other-files-change/30

的博客上找到了它

用webpack重新加载html

1 个答案: