chore(build): use ESBuild in Webpack

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>

webpack.config.js

@@ -1,7 +1,8 @@
 const path = require('node:path')
 
+const { EsbuildPlugin } = require('esbuild-loader')
 const webpack = require('webpack')
-const { merge } = require('webpack-merge')
+const { mergeWithRules } = require('webpack-merge')
 
 const nextcloudWebpackConfig = require('@nextcloud/webpack-vue-config')
 
@@ -10,7 +11,20 @@ const commonWebpackConfig = require('./webpack.common.config.js')
 // Rules from @nextcloud/webpack-vue-config/rules already added by commonWebpackConfig
 nextcloudWebpackConfig.module.rules = []
 
-module.exports = merge(nextcloudWebpackConfig, commonWebpackConfig, {
+const talkWebMerge = mergeWithRules({
+	optimization: {
+		minimizer: 'replace',
+	},
+	module: {
+		rules: {
+			test: 'match',
+			loader: 'replace',
+			options: 'replace',
+		},
+	},
+})
+
+module.exports = talkWebMerge(nextcloudWebpackConfig, commonWebpackConfig, {
 	entry: {
 		'admin-settings': path.join(__dirname, 'src', 'mainAdminSettings.js'),
 		collections: path.join(__dirname, 'src', 'collections.js'),
@@ -32,6 +46,28 @@ module.exports = merge(nextcloudWebpackConfig, commonWebpackConfig, {
 		assetModuleFilename: '[name][ext]?v=[contenthash]',
 	},
 
+	module: {
+		rules: [
+			{
+				test: /\.js$/,
+				loader: 'esbuild-loader',
+				options: {
+					// Implicitly set as JS loader for only JS parts of Vue SFCs will be transpiled
+					loader: 'js',
+					target: 'es2020',
+				},
+			},
+		],
+	},
+
+	optimization: {
+		minimizer: [
+			new EsbuildPlugin({
+				target: 'es2020',
+			}),
+		],
+	},
+
 	plugins: [
 		new webpack.DefinePlugin({ IS_DESKTOP: false }),
 	],