webpack.config.js

import path from 'path';

export default {
	// Fichier d'entrée :
	entry: './client/src/main.js',
	// Fichier de sortie :
	output: {
		path: path.resolve(process.cwd(), './client/public/build'),
		filename: 'main.bundle.js',
		publicPath: '/build/',
	},
	// compatibilité anciens navigateurs (si besoin du support de IE11 ou android 4.4)
	target: ['web', 'es5'],
	// connexion webpack <-> babel :
	module: {
		rules: [
			{
				test: /\.(ts|js)$/, // tous les fichiers js ou ts ...
				exclude: /node_modules/, // ... sauf le dossier node_modules ...
				use: {
					// ... seront compilés par tsc !
					loader: 'ts-loader',
					options: {
						configFile: 'tsconfig.client.json',
					},
				},
				type: 'javascript/esm',
			},
		],
	},
	resolve: {
		// Ajoute le support de l'extension `.ts`
		extensions: ['.ts', '.js'],
	},
	devtool: 'source-map',
	devServer: {
		hot: false, // désactivation hot-reload (inutilisé)
		static: {
			directory: './client/public', // racine du serveur http
			watch: {
				// optimisation live-reload
				ignored: 'node_modules',
			},
		},
		port: 8000,
		historyApiFallback: true, // gestion deeplinking
	},
};