Laravel Mix Configuration

webpack.mix.js

/* eslint-disable no-param-reassign */

// definition
const mix = require('laravel-mix');
const glob = require('glob');
const fs = require('fs');
require('laravel-mix-php-serve');

mix
	.options({
		clearConsole: false,
		manifest: false,
		processCssUrls: false,
	})
	.webpackConfig({
		infrastructureLogging: {
			level: 'none',
		},
	})
	.before(() => {
		fs.rmSync('./public/app', { recursive: true, force: true });
	})
	.sourceMaps(true, 'source-map')
	.disableNotifications()
	.serve({
		artisan: false,
		host: 'localhost',
		port: '8080',
		target: 'public',
		verbose: false,
	})
	.browserSync({
		proxy: 'http://localhost:8080',
		files: [
			'module/**/*.php',
			'public/app/**/*.css',
			'public/app/**/*.js',
			'public/vendor/goy-framework/dist/**/*',
		],
		injectChanges: false,
		open: !true,
		notify: false,
	});

glob.sync('./module/**/Assets/js/**/*.js')
	.map((file) => mix.js(file, file.replace('module/', 'public/app/').replace('.js', '.min.js')));
glob.sync('./module/**/Assets/**/!(_*).scss')
	.map((file) => mix.sass(file, file.replace('module/', 'public/app/').replace('.scss', '.css')));

if (mix.inProduction()) {
	glob.sync('./module/**/Assets/{font,fonts,img,imgs,images}/**/*.*')
		.map((file) => mix.copy(file, file.replace('module/', 'public/app/')));
}

mix.override((config) => {
	config.plugins = config.plugins.filter((plugin) => plugin.constructor.name !== 'BuildOutputPlugin');
});