webpack.config.js

const path = require('path');

const TerserPlugin = require('terser-webpack-plugin');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');

let isProduction = process.env.NODE_ENV === 'production';

module.exports = {
	mode: isProduction ? 'production' : 'development',
	entry: {
		"app": './src/app.js'
	},
	output: {
		filename: '[name].bundle.js',
		path: path.resolve(__dirname, 'public')
	},
	resolve: {fallback: {module: false, net: false, fs: false}},
	optimization: isProduction ? {
		minimizer: [
			new TerserPlugin({
				terserOptions: {
					compress: {
						drop_console: true,
						unsafe: true
					},
					mangle: {
						toplevel: true
					}
				}
			})
		]
	} : {},
	module: {
		rules: [
			{
				test: /\.css$/,
				use: ['style-loader', 'css-loader']
			},
			{
				test: /\.ttf$/,
				use: [
					{
						loader: 'file-loader',
						options: {
							name: '[name].[ext]',
							outputPath: 'fonts/'
						}
					},
				],
			},
		]
	},
	plugins: [
		new MonacoWebpackPlugin({languages: ['reo']})
	]
};