webpack.config.mjs

import { join } from 'path';
import CircularDependencyPlugin from 'circular-dependency-plugin';

/**
 * @type {import('webpack').Configuration}
 */
const config = {
	entry: {
		'commercial-standalone': join(
			import.meta.dirname,
			'src',
			'commercial.ts',
		),
	},
	output: {
		path: join(import.meta.dirname, 'dist', 'bundle'),
		clean: true,
	},
	resolve: {
		modules: [
			join(import.meta.dirname, 'src'),
			'node_modules', // default location, but we're overiding above, so it needs to be explicit
		],
		alias: {
			svgs: join(import.meta.dirname, 'static', 'svg'),
			lodash: 'lodash-es',
		},
		extensions: ['.js', '.ts', '.tsx', '.jsx'],
	},
	module: {
		rules: [
			{
				test: /\.[jt]sx?|mjs$/,
				use: [
					{
						loader: 'babel-loader',
					},
					{
						loader: 'ts-loader',
						options: {
							transpileOnly: true,
							configFile: join(
								import.meta.dirname,
								'tsconfig.json',
							),
						},
					},
				],
			},
			{
				test: /\.svg$/,
				exclude: /(node_modules)/,
				loader: 'raw-loader',
			},
		],
	},
	plugins: [
		// eslint-disable-next-line @typescript-eslint/no-unsafe-call -- circular-dependency-plugin is not typed
		new CircularDependencyPlugin({
			// exclude detection of files based on a RegExp
			exclude: /node_modules/,
			// add errors to webpack instead of warnings
			failOnError: true,
		}),
	],
};

// eslint-disable-next-line import/no-default-export -- webpack config
export default config;