const path = require('path');
const mix = require('laravel-mix');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
require('laravel-mix-polyfill');

mix.webpackConfig({
    resolve: {
        alias: {
            '@': path.resolve('resources/assets')
        }
    },
    plugins: [
        new CleanWebpackPlugin({
            cleanOnceBeforeBuildPatterns: [
                'css/*',
                'js/*',
                'images/*',
                'fonts/*',
                '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")
    // mix Frontend
    .js("resources/js/front.js", "public/js/preload-front.js")
    .sass("resources/sass/front.scss", "public/css/preload-front.css")
    .sass("resources/sass/front_login.scss", "public/css/preload-front_login.css")
    .vue()
    .polyfill({
        enabled: true,
        useBuiltIns: "usage",
        targets: { "firefox": "50", "ie": 11 }
    });

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