webpack.mix.js

let mix = require('laravel-mix');

mix.browserSync({
	proxy: 'https://axeptio.ddev.site',
	https: true,
	files: ['./templates/**/*.php', './includes/**/*.php', './dist/js/**/*.js', './dist/css/**/*.css']
});

mix.webpackConfig({
	plugins: []
});

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for your application, as well as bundling up your JS files.
 |
 */
mix.setPublicPath('dist');

mix
	.copy('assets/img', 'dist/img')
	.copy('assets/fonts', 'dist/fonts')
	.js('assets/js/backend/app.js', 'dist/js/backend/app.js')
	.js('assets/js/frontend/axeptio.js', 'dist/js/frontend/axeptio.js')
	.postCss('assets/css/backend/main.css', 'dist/css/backend/', [
		require('postcss-nested'),
		require('autoprefixer'),
		require('tailwindcss')
	])
	.postCss('assets/css/frontend/main.css', 'dist/css/frontend/', [require('postcss-nested'), require('autoprefixer')])
	.options({
		processCssUrls: false
	});