Mix All JS In Directory

Look at the docs here

mix.combine(['one.js', 'two.js'], 'merged.js');

You should be able to use a wildcard as well like *.js

Yeah, so the thing that was throwing me off is the .js function doesn't work with wildcards:

mix.js('directory/*.js', 'merged.js')
mix.js('**/*.js', 'merged.js')

But mix.babel, mix.scripts and mix.combine do so you can just use the appropriate one.

Any one suggest me how to add all js and css files of any admin theme in laravel with mix

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');
mix.combine([
    'public/css/bootstrap.min.css', 
    'public/css/style.css',
    'public/css/animate.css'
], 'public/css/app.css');
mix.combine([
    'public/js/jquery-2.1.1.js',
    'public/js/bootstrap.min.js',
    'public/js/plugins/metisMenu/jquery.metisMenu.js',
    'public/js/plugins/slimscroll/jquery.slimscroll.min.js',    
    'public/js/plugins/pace/pace.min.js'
], 'public/js/app.js');

let fs = require('fs');

let getFiles = function (dir) {
    // get all 'files' in this directory
    // filter directories
    return fs.readdirSync(dir).filter(file => {
        return fs.statSync(`${dir}/${file}`).isFile();
    });
};

getFiles('directory').forEach(function (filepath) {
    mix.js('directory/' + filepath, 'js');
});

@amm thanks, this works for sass and all the files. Thank You lots.

inspired by @amm:

This will discover subfolder as well. Further you may specify the file ending you are looking for and then call the corresponding mix method.

const path = '...' // the path you want to discover

let fs = require('fs');

function discover(dir, type) {
    let jsFiles = []
    fs.readdirSync(dir).forEach(file => {
        let fileName = `${dir}/${file}`
        if(fs.statSync(fileName).isFile()) {
            if (fileName.endsWith(type)) {
                jsFiles.push(fileName)
            }
        } else {
            jsFiles = jsFiles.concat(discover(fileName, type))
        }
    })
    return jsFiles
}

discover(path, '.js').forEach(file => {
    mix.js(file, 'public')
})