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

【问题标题】：Laravel Elixir - Compile/concat all less files into one css file?Laravel Elixir - 将所有较少的文件编译/合并到一个 css 文件中？
【发布时间】：2023-08-27 11:48:02
【问题描述】：

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

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

【问题讨论】：

标签： gulp laravel-5 laravel-elixir

【解决方案1】：

您必须使用 mix.styles 将 CSS 文件合并为一个。

首先运行你的less，然后是这样的：

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

【讨论】：