gulp - 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');