使用 Grunt 时，BrowserSync 在任务完成之前重新加载浏览器答案

【问题标题】：BrowserSync reloads browsers before task has finished when using Grunt使用 Grunt 时，BrowserSync 在任务完成之前重新加载浏览器
【发布时间】：2018-11-09 08:35:45
【问题描述】：

我对 BrowserSync 任务有以下配置：

"dev": {
    "files": [
        {
            "expand": true,
            "cwd": "<%= paths.src %>",
            "src": "**/*"
        }
    ],
    "options": {
        "watchTask": true,
        "proxy": "<%= site.host %>",
        "injectChanges": true,
        "notify": {
            "styles": {
                "top": "auto",
                "bottom": "0"
            }
        }
    }
},

当我将一些更改保存到文件时，重新加载浏览器任务会在实际更改完成之前触发。请参阅screenshot。

【问题讨论】：

标签： javascript gruntjs grunt-contrib-watch grunt-browser-sync

【解决方案1】：

我想通了。您只需使用 'bsFiles' 更改 JSON 中的 'files' 属性并监听已编译文件中的更改：

 "bsFiles": {
        "src": [
            "<%= paths.dest %>**/*",
            "<%= paths.twigs %>**/*"
        ]
    },

【讨论】：