gulpfile.js

const elixir = require('laravel-elixir');

require('laravel-elixir-vue');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(mix => {
    mix.sass('app.scss')
       .webpack('app.js')
       .webpack('console.js')
       .webpack('mobile.js');

    // less
    mix.less('app.less', 'resources/assets/less/css/');

    // styles
    mix.styles([
        // theme style
        "public/css/theme.src.css",

        // dependencies
        'public/bower_components/toastr/toastr.css',

        // main styles
        'resources/assets/less/css/*.css',
    ], 'public/css/app.src.css', './');

    // app scripts
    mix.scripts([
        // theme script
        'public/js/theme.src.js',

        // dependencies
        'public/bower_components/toastr/toastr.js',

        // main vue js
        'public/js/app.js',
    ], 'public/js/app.src.js', './');

    // console scripts
    mix.scripts([
        // theme script
        'public/js/theme.src.js',

        // main vue js
        'public/js/console.js',
    ], 'public/js/console.src.js', './');

    // mobile scripts
    mix.scripts([
        // main vue js
        'public/js/mobile.js',
    ], 'public/js/mobile.src.js', './');

    // versions
    mix.version([
        "public/css/app.src.css",

        "public/js/app.src.js",
        "public/js/console.src.js",
        "public/js/mobile.src.js",
    ]);

});