javascript - 使用 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"
            }
        }
    }
},

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

Answer 1

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

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