Gulp 如何使用Elixir将css和less结合起来？

这是我的工作代码：

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

---

这是我唯一能让它工作的方法，但它似乎有点不舒服。我本以为gulp会将我较少的文件和样式合并为一个，但事实并非如此。它创建app.css和all.css，但不将它们组合在一起。我必须将app.css文件添加到我的样式列表中，以便将它们组合在一起。有没有更干净的方法可以做到这一点，还是这是唯一的方法？

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