javascript - 浏览器同步不重新加载文件事件添加/更改

Question

我使用浏览器与 webpack 同步，因为构建中有一些文件 webpack 没有规则。出于某种原因，当我的图像文件被修改/添加/删除时，浏览器同步不会触发重新加载？

在终端中它的日志记录 [BS] File event [add] : image.png 和[BS] 文件事件 [change] : image.png

但与我编辑 .html 文件时不同的是，它并没有说 [BS] Reloading Browsers...

这是我的浏览器同步初始化:

browserSync.init({
文件:['./**.html', './**.png']
});

Answer 1

原来我需要将自定义事件处理程序传递给 browserSync.init 文件选项，它使用 reload() 响应任何类型的事件

例子:

browserSync.init({
        files: [
            {
                match: ['./img/**'],
                fn:    function (event, file) {
                    this.reload()
                }
            }
        ]
    })