瀏覽器同步不重新加載文件事件添加/更改

即時通訊使用與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]重新加載瀏覽器...' –

瀏覽器同步不重新加載文件事件添加/更改

回答

相關問題