webpack.mix.js

const mix = require('laravel-mix');
const fs = require('fs');
const path = require('path');
const webpack = require('webpack');
/**
 * Paths to module directories
 *
 * @type {[string,string]}
 */
const moduleDirectories = [
    'modules',
    'workbench/Collejo/App/Modules',
    'vendor/CodeBreez/collejo-app/modules'
];

const publicDir = 'public';
const resourcesDir = 'resources';

/**
 * Returns a list of directories from the given path
 *
 * @param p
 * @returns {*}
 */
const dirs = (p) => {
    if (!fs.existsSync(p)) {
        return [];
    }
    return fs.readdirSync(p).filter(f => fs.statSync(path.join(p, f)).isDirectory());
};

/**
 * Returns a list of files from the given path
 *
 * @param p
 * @returns {*}
 */
const files = (p) => {
    if(!fs.existsSync(p)){
        return [];
    }
    return fs.readdirSync(p).filter(f => !fs.statSync(path.join(p, f)).isDirectory() && f.charAt(0) !== '_');
};

const createDirMap = (module, jsDir, sassDir, imagesDir) => {

    return {
        js: files(jsDir).map(file => {
            return {
                src: `${jsDir}/${file}`,
                dest: `${publicDir}/assets/${module.toLowerCase()}/js/${path.basename(file, '.js')}.js`
            };
        }),
        scss: files(sassDir).map(file => {
            return {
                src: `${sassDir}/${file}`,
                dest: `${publicDir}/assets/${module.toLowerCase()}/css/${path.basename(file, '.scss')}.css`
            };
        }),
        images: files(imagesDir).map(file => {
            return {
                src: `${imagesDir}/${file}`,
                dest: `${publicDir}/images/${module.toLowerCase()}-${path.basename(file)}`
            };
        })
    };
};

/**
 * Filter and map the modules paths in to watchable objects
 *
 * @type {Array}
 */
const fileMap = moduleDirectories.map(directory => {

    return dirs(directory).filter(module => {

        return fs.lstatSync(`${directory}/${module}`).isDirectory();

    }).map(module => {

		const modulePath = `${directory}/${module}`;

		if (fs.lstatSync(modulePath).isDirectory()) {

			const jsDir = `${modulePath}/resources/assets/js`;
			const sassDir = `${modulePath}/resources/assets/sass`;
            const imagesDir = `${modulePath}/resources/images`;

			return createDirMap(module, jsDir, sassDir, imagesDir);
		}
	});
});

fileMap.push([
    {
        js: files(`${resourcesDir}/assets/js`).map(file => {
            return {
                src: `${resourcesDir}/assets/js/${file}`,
                dest: `${publicDir}/js/${path.basename(file, '.js')}.js`
            };
        }),
        scss: files(`${resourcesDir}/assets/sass`).map(file => {
            return {
                src: `${resourcesDir}/assets/sass/${file}`,
                dest: `${publicDir}/css/${path.basename(file, '.scss')}.css`
            };
        })
    }
]);

/**
 * Webpack configuration
 *
 * @type {{module: {rules: [null]}, plugins: [null,null]}}
 */
const webpackConfig = {
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            minChunks: 2,
            name: 'commons',
            filename: 'js/commons.js',
        })
    ]
};

/**
 * Laravel Mix
 */
fileMap.forEach(dir => {

    dir.forEach(module => {

        module.js.forEach(file => {

            mix.js(file.src, file.dest).version();
        });

        module.scss.forEach(file => {

            mix.sass(file.src, file.dest).version();
        });

        if(module.images){

            module.images.forEach(file => {

                mix.copy(file.src, file.dest).version();
            });
        }
    });
});

mix.webpackConfig(webpackConfig);