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

Question

我对 BrowserSync 任务进行了以下配置：

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

当我保存对文件的一些更改时，在实际更改完成之前触发了重新加载浏览器任务。见 screenshot.

Answer 1

我明白了。您刚刚将 JSON 中的 'files' 属性更改为 'bsFiles' 并收听编译文件中的更改：

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

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

BrowserSync reloads browsers before task has finished when using Grunt

javascript

gruntjs

grunt-contrib-watch

grunt-browser-sync