Laravel Elixir - Compile/concat all less files into one css file?

Question

So I have my custom less styles in my custom/module folder. They will all be compiled but the problem is it's creating an individual css file for each of the less files. How can I get EVERYTHING, including the my boostrap/vendor plugins etc to stack first, and all my custom css to be concatenated after, all moved to main.css? Is this possible with Elixir/Gulp? I am coming from Grunt and am a bit confused as there is not a lot of documentation on Elixir.

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

Zvonko Biskup · Accepted Answer · 2015-04-04 09:33:21Z

4

You have to use mix.styles to concatenate the CSS files into one.

First run your less, and then something like:

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

answered Apr 4, 2015 at 9:33

Zvonko Biskup

3932 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel Elixir - Compile/concat all less files into one css file?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related