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

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

在终端的记录[BS] File event [add] : image.png和 [BS] File event [change] : image.png

但是，当我编辑一个.html文件不同的是，它不是说[BS] Reloading Browsers...

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

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

来源

2017-02-20 Matthew Prasinov

原来，我需要通过自定义事件处理程序browserSync.init文件选项，回应任何类型的活动具有加载（）

例如：

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

来源

2017-02-21 16:16:21

如果要查看当前目录中的所有HTML文件，请使用./*.html或*.html

** - 它是子目录; * - 这是目录中的文件

例子：

./**/*.html - 观看所有子目录中的文件扩展名为html
app/js/*.js - 目录app/js观看所有文件的扩展js

更多信息约Browsersync options

来源

2017-02-21 00:26:47

你看到了浏览器的同步init（）我张贴？它已**是**观看HTML文件，并且它也检测PNG文件，只是不重新加载浏览器 ''./**.html'，'./**。png'' - 当有一个。如果我编辑.html文件，浏览器同步重新加载浏览器，但是如果我编辑.html文件旁边的.png，它不会重新加载浏览器，它只是记录'[BS]文件事件[更改]：image.png' 所以它检测到png和html文件在同一文件夹中，它只是不会触发浏览器为pngs重新加载，就像它是与html –

你可以添加有问题的文件结构吗？ –

它只是根文件夹'。/ img /'中的一个目录，它现在包含2个文件用于测试目的 - ./img/index.html'和'。/ img/image.png'。正如我所说的，编辑到'。/ img/index.html'会触发浏览器重新加载，编辑到'./img/image.png'会导致浏览器同步记录'[BS]文件事件[change]：image .png'到终端，但不像当我编辑.html，它不会记录'[BS]重新加载浏览器...' –

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

回答

相关问题