const path = require('path');
const mix = require('laravel-mix');
require('laravel-mix-clean');
require('laravel-mix-polyfill');

mix.webpackConfig({
    resolve: {
        alias: {
            '@': path.resolve('resources/assets')
        }
    }
});

let assetDir = 'assets';
mix.options({
    fileLoaderDirs: {
        images: `${assetDir}/images`,
        fonts: `${assetDir}/fonts`
    },
    postCss: [
        require('postcss-discard-comments')({
            removeAll: true
        })
    ]
});

// mix Backend
mix.js("resources/js/back.js", "public/js/preload-back.js")
    .sass("resources/sass/back.scss", "public/css/preload-back.css")
    .clean({
        cleanOnceBeforeBuildPatterns: [
            'css/*',
            'js/*',
            'images/*',
            'assets/*'
        ]
    })
    .polyfill({
        enabled: true,
        useBuiltIns: "usage",
        targets: { "firefox": "50", "ie": 11 }
    });

// Copy Blade Images Assets
mix.copyDirectory('resources/assets', 'public/assets');