Laravel Elixir - 自定义路径上的 SASS 手表？

Question

我在使用 Laravel Elixir 的 sass 观看自定义路径时遇到问题。

这里是代码。

var publicScss = [
    './resources/assets/scss/public',
    './resources/assets/jquery_plugins/rotate.scss'
];

elixir(function (mix) {
    mix.sass(publicScss, './public_html/css/dist/public.css');

    // Tried the suggested solution below, but it still doesn't watch the files
    // https://github.com/laravel/elixir/issues/297
    elixir.Task.find('sass').watch(publicScss);

    mix.browserSync();
});

如果我只是执行gulp，SCSS 文件将被编译为 CSS。但是对于gulp watch，它似乎并不关注变化。

还有其他人在自定义路径上设置了 sass watcher 吗？

Answer 1

在这上面花了一些时间之后，我意识到只输入一个目录路径来观看是行不通的。您必须明确指定文件名或输入通配符。

以下作品：

var publicScss = [
    './resources/assets/scss/public/*.scss',
    './resources/assets/jquery_plugins/rotate.scss'
];

elixir(function (mix) {
    mix.sass(publicScss, './public_html/css/dist/public.css');

    // the watch needs to receive a filename or a wildcard (not a directory)
    elixir.Task.find('sass').watch(publicScss);

    mix.browserSync();
});