Laravel Elixir - 将所有较少的文件编译/连接到一个css文件中？

Question

所以我的自定义/模块文件夹中的自定义更少样式。它们都将被编译，但问题是它为每个较少的文件创建一个单独的css文件。我怎么能得到一切，包括我的boostrap / vendor插件等首先堆叠，然后我的所有自定义css连接起来，都转移到main.css？ Elixir / Gulp有可能吗？我来自Grunt并且有点困惑，因为没有关于Elixir的大量文档。

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

Answer 1

您必须使用mix.styles将CSS文件连接成一个。

首先运行你的少，然后是：

mix.styles(['css/one.css', 'css/two.css'], null, 'public/assets/css');