Browser-sync not reloading для добавления/изменения файла

Question

Im, использующий браузер-синхронизацию с webpack, так как в сборке есть некоторые файлы, в которых у webpack нет правил. Почему-то браузер-синхронизация не запускает перезагрузки, когда мои файлы изображений изменяются/добавляются/удаляются?

В терминале его регистрации [BS] File event [add] : image.png и [BS] File event [change] : image.png

Но в отличие, когда я редактирования .html файла, его не говоря [BS] Reloading Browsers...

Это мой браузер синхронизации инициализации:

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

Answer 1

Оказывается, что мне нужно, чтобы передать пользовательский обработчик событий для browserSync.init опции файлов, которые откликнулись на призыв любого рода событий с перезагрузкой()

пример:

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

Answer 2

, если вы хотите просмотреть все HTML-файлы в текущем каталоге, используйте ./*.html или *.html

** - его подкаталог; * - это файлы в каталоге

Примеры:

• ./**/*.html - смотреть во всех подкаталогах файлов с расширением html
• app/js/*.js - смотреть в каталоге app/js всех файлы с расширением js

Дополнительной информации около Browsersync options