const mix = require('laravel-mix');
const config = require('./webpack.config');

Mix.listen('configReady', function(config) {
	config.module.rules.forEach((rule, i) => {
		if (
			('loader' in rule && rule.loader === 'html-loader')
			|| ('loaders' in rule && rule.loaders.indexOf('html-loader') >= 0)
		) {
			config.module.rules.splice(i, 1);
		}
	});

	config.module.rules.push({
		test: /\.html$/i,
		loader: 'html-loader',
		options: {
			esModule: true,
			minimize: true,
			interpolate: true,
		},
	});
});

mix.options({
	terser: {
		terserOptions: {
			compress: {
				drop_console: true,
				dead_code: true,
				pure_funcs: ['console.warn', 'iis_debug'],
			},
		},
	},
});

mix.webpackConfig(config);

mix
	.js('./assets/js/site.js', './www/app/themes/internetstiftelsen/assets/js/site.js')
	.js('./assets/js/blocks.js', './www/app/themes/internetstiftelsen/assets/js/blocks.js')
	.sass('./assets/scss/site.scss', './www/app/themes/internetstiftelsen/assets/css', {
		sassOptions: {
			includePaths: ['node_modules'],
		},
	})
	// .browserSync('iis.test')
	.version()
	.setPublicPath('./www/app/themes/internetstiftelsen/')
	.sourceMaps(true, 'source-map');