Compiling and combining multiple less/css files

In Laravel Exlixir I used to use the following to compile and combine multiple LESS & CSS files together into one file.

var styles = [
    './resources/assets/vendor/bootstrap/less/bootstrap.less',
    './resources/assets/vendor/datatables/css/dataTables.bootstrap.css',
    './resources/assets/vendor/material-icons/css/material-design-iconic-font.min.css',
    './resources/assets/vendor/custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css',
    './resources/assets/vendor/bootstrap-select/css/bootstrap-select.css',
    './resources/assets/vendor/datepicker/build/css/bootstrap-datetimepicker.min.css',
    './resources/assets/vendor/chosen/chosen.css',
    './resources/assets/app/less/app.less'
];

elixir(function (mix) {
    mix.less(styles, './public/css/app.css');
});

But this is not possible in Laravel Mix

var styles = [
    './resources/assets/vendor/bootstrap/less/bootstrap.less',
    './resources/assets/vendor/datatables/css/dataTables.bootstrap.css',
    './resources/assets/vendor/material-icons/css/material-design-iconic-font.min.css',
    './resources/assets/vendor/custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css',
    './resources/assets/vendor/bootstrap-select/css/bootstrap-select.css',
    './resources/assets/vendor/datepicker/build/css/bootstrap-datetimepicker.min.css',
    './resources/assets/vendor/chosen/chosen.css',
    './
];

mix.less(styles, 'public/css/app.css');

[JeffreyWay]

With Mix, you should either import all of those files from your main .less entry-point, or instead use mix.combine() after.

mix.less('resources/assets/less/app.less', 'public/css/app.css')
    .combine([
        'other/files.css',
        'public/css/app.less'
    ], 'public/css/everything.css');

[MladenJanjetovic]

@JeffreyWay In your example I guess you meant public/css/app.css in .combine()