webpack.config.js

const Encore = require('@symfony/webpack-encore');
const path = require('path');

if (!Encore.isRuntimeEnvironmentConfigured()) {
	Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}

Encore.setOutputPath('public/build/')
	.setPublicPath('/build')
	.addLoader({
		test: /\.(svelte)$/,
		use: {
			loader: 'svelte-loader',
			options: {
				emitCss: true,
				hotReload: true,
			},
		},
	})
	.addAliases({
		'@': path.resolve('assets/js'),
		svelte: path.resolve('node_modules', 'svelte'),
	})
	.addEntry('app', './assets/js/app.js')
	.splitEntryChunks()
	.cleanupOutputBeforeBuild()
	.enableSourceMaps(!Encore.isProduction())
	.enableVersioning(Encore.isProduction())
	.disableSingleRuntimeChunk()
	.configureBabel(() => {}, {
		useBuiltIns: 'usage',
		corejs: 3,
	});
//.enableSassLoader();

const config = Encore.getWebpackConfig();
config.resolve.mainFields = ['svelte', 'browser', 'module', 'main'];
config.resolve.extensions = [
	'.wasm',
	'.mjs',
	'.js',
	'.json',
	'.jsx',
	'.vue',
	'.ts',
	'.tsx',
	'.svelte',
];

module.exports = config;