gulp - Laravel Elixir：监视给定目录中的所有文件？

Question

在 Grunt 中，我可以指定如下的正则表达式来编译给定目录中的所有文件。

"<%= path.build.less %>/custom/modules/**/*.less"

我一直在浏览有关 laravel 和 laracasts 的视频和文档，但我没有看到这个选项，但觉得它必须是可能的。

有谁知道这是否可以通过 Gulp/Elixir 实现？

我不想像下面的示例一样继续向数组中添加更少的文件：

elixir(function(mix) {
    mix.less([
        "plugins/bootstrap.less",
        "custom/custom.less",
        "custom/module1.less",
        "custom/module2.less",
        "custom/module3.less",
        "custom/module4.less",
        "custom/module5.less",
        "custom/module6.less",
        "custom/module7.less",
    ], 'public/assets/css');
});

Answer 1

您不必显式添加每个文件。这个：

elixir(function(mix) {
    mix.less([
        "plugins/bootstrap.less",
        "custom/module*.less"
    ], 'public/assets/css');
});

或这个：

elixir(function(mix) {
    mix.less([
        "plugins/bootstrap.less",
        "custom/modules/**/*.less"
    ], 'public/assets/css');
});

应该也能正常工作。

如果您决定将多个文件编译为单个样式表，那么这种方法将不起作用，因为它不能确保文件将以正确的顺序编译。

在您的示例中，这无关紧要，但可能应该牢记这一点。