webpack.config.js

const path = require('path');

module.exports = {
	watch: false,
	watchOptions: {
		ignored: /node_modules/
	},
	entry: {
		main: './src/js/script.js'
	},

	output: {
		filename: '[name].bundle.js',
		path: path.resolve(__dirname, 'dist/js')
	},
	resolve: {
		extensions: ['.ts', '.tsx', '.js']
	},
	module: {
		rules: [
			{
				test: /\.css$/,
				use: ['style-loader', 'css-loader']
			},
			{
                test: /\.(eot|svg|ttf|woff|woff2)$/,
                loader: 'file?name=public/fonts/[name].[ext]'
            },
			{
				test: /\.pug$/,
				use: 'pug-loader'
			},
			{
				test: /\.ts$/,
				exclude: /node_modules/,
				use: 'ts-loader',
			},
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: {
				  loader: 'babel-loader',
				  options: {
					presets: ['@babel/preset-env']
				  }
				}
			},
			{
				test: /\.(png|jp(e*)g|svg)$/,  
				use: [{
					loader: 'file-loader',
					options: { 
						name: '../images/[hash]-[name].[ext]'
					} 
				}]
			}

		]
	},
};