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

Question

所以我的自定义/模块文件夹中有我的无自定义样式。它们都将被编译，但问题是它为每个较少的文件创建了一个单独的css文件。我如何才能让所有东西，包括我的boostrap/vendor插件等先堆栈，然后连接我所有的自定义css，全部移动到main.css？这可能与长生不老药/Gulp有关吗？我来自格兰特，有点困惑，因为没有太多关于长生不老药的文件。

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

Answer 1

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

首先运行您的less，然后运行类似于：

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