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

require('laravel-mix-polyfill');
require('laravel-mix-clean');

let assetDir = 'assets';
let polyfill = {
    enabled: true,
    useBuiltIns: "usage",
    // legacy targets from gulp file
    targets: ['last 3 version', 'safari 5', 'ie 8', 'opera 12.1', 'ios 6', 'android 4']
};

mix.webpackConfig({
    resolve: {
        alias: {
            '@': path.resolve('resources/assets')
        }
    },
    // Pour debug compilation errors
    // stats: {
    //     children: true,
    //     warningsFilter: [
    //         /\-\-underline\-color/,
    //     ]
    // },
});

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

mix.clean({
    cleanOnceBeforeBuildPatterns: [
        'css/*',
        'js/*',
        'assets/*',
    ]
});

// * BO
mix.js('resources/js/back.js', 'public/js')
    .sass('resources/sass/back.scss', 'public/css')
    .polyfill(polyfill)
    .version();

// * FO
mix.js('resources/js/front.js', 'public/js')
    .sass('resources/sass/front.scss', 'public/css')
    .polyfill(polyfill)
    .version();

// * CookieNotice
mix.js('resources/js/ldcweb-cn.js', 'public/js/ldcweb-cn.min.js')
    .sass('resources/sass/ldcweb-cn.scss', 'public/css/ldcweb-cn.min.css')
    .polyfill(polyfill)
    .version();

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