使Laravel Mix / Browser Sync注意到新文件

Question

我正在使用https://github.com/Aintaer/import-glob-loader自动将css文件夹中的sass加载，以及laravel与浏览器同步混合以进行本地开发。它非常有用，但有一个例外……除非您先保存另一个现有文件，否则它不会注意到新的CSS文件（并因此将其编译）。

是否可以强制Laravel Mix或Browser同步来检测这些文件并运行glob-loader？

我尝试将Browser Sync设置为查找文件夹中的更改，但是没有运气（它注意到保存时发生了更改，并重新加载了页面，但是webpack无法编译文件）：

mix.webpackConfig({
    module: {
        rules: [{
            test: /\.scss/,
            enforce: "pre",
            loader: 'import-glob-loader'
        }]
    }
})

.sass(`${src}/css/main.scss`, `${dist}/css/main.css`)

.browserSync({
    proxy: url,
    browser: 'Google Chrome',
    notify: false,
    open: false,
    files: [
        `${src}/css/**/*.scss`,
        `${src}/js/**/*`,
        `templates/**/*`
    ],
    snippetOptions: {
        rule: {
            match: /<\/head>/i,
            fn: function (snippet, match) {
                return snippet + match;
            }
        }
    },
});