const mix = require('laravel-mix');
const ESLintPlugin = require('eslint-webpack-plugin');

mix.webpackConfig({
	plugins: [
    	// eslint 
		new ESLintPlugin({
			extensions: ['js','vue'],
		}),
	],
	resolve: {
		extensions : ['.js','.vue'],
		alias : {
			'@' : __dirname + '/resources',
			'@components' : __dirname + '/resources/js/components',
			'@views' : __dirname + '/resources/js/views',
		}
	},
});

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js').vue()
    .sass('resources/sass/app.scss', 'public/css');

if (process.argv.includes('--hot')) {
	mix.disableSuccessNotifications();
}else{
    mix.version();
}

if (!mix.inProduction()) {
	require('laravel-mix-bundle-analyzer');
    mix.bundleAnalyzer({
	    openAnalyzer: false,
	});
}