我如何使用 Elixir 合并 css 和更少？

Question

这是我的工作代码：

mix.less([
    'app.less'
])
.styles([
    'bootstrap.css',
    '../../../public/css/app.css'
])
.version(['public/css/all.css', 'public/js/all.js']);

这是我让它工作的唯一方法，但它看起来有点笨拙。我本以为 gulp 会将我的 less 文件和样式合并为一个，但事实并非如此。它创建 app.css 和 all.css 并且不合并它们。我必须将 app.css 文件添加到我的样式列表中才能将它们合并。是否有更简洁的方法来执行此操作，或者这是唯一的方法吗？

Answer 1

对于子孙后代来说，上述解决方案似乎是唯一的方法。基本上，gulp 首先将您的 less 编译成一个 css 文件，然后您告诉 gulp 将已编译的 css 文件与您的其他 css 文件合并。然后，将最后一个 css 文件版本化为 elixir。

我如何使用 Elixir 合并 css 和更少？

How can I combine css and less using Elixir?

gulp

laravel-elixir

laravel-5.1