如何使用Elixir组合css和更少？

Question

这是我的工作代码：

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文件添加到我的样式列表中才能将它们组合在一起。有没有更简洁的方法来做这个或这是唯一的方法吗？

Answer 1

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