Update dependency esbuild to v0.17.19 (#61522)

* Update dependency esbuild to v0.17.18

* chore(npm): update all esbuild dependencies to use esbuild@0.17.18

* build(esbuild): update configs so esbuild-loader matches loader from file extension

* build(webpack): fix failed monaco editor loading due to require not existing

* chore(esbuild): bump to 0.17.19

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jack Westbrook <jack.westbrook@gmail.com>

scripts/webpack/webpack.dev.js

@@ -13,6 +13,12 @@ const { merge } = require('webpack-merge');
 const HTMLWebpackCSSChunks = require('./plugins/HTMLWebpackCSSChunks');
 const common = require('./webpack.common.js');
 const esbuildTargets = resolveToEsbuildTarget(browserslist(), { printUnknownTargets: false });
+// esbuild-loader 3.0.0+ requires format to be set to prevent it
+// from defaulting to 'iife' which breaks monaco/loader once minified.
+const esbuildOptions = {
+  target: esbuildTargets,
+  format: undefined,
+};
 
 module.exports = (env = {}) =>
   merge(common, {
@@ -35,14 +41,11 @@ module.exports = (env = {}) =>
       rules: [
         {
           test: /\.tsx?$/,
+          exclude: /node_modules/,
           use: {
             loader: 'esbuild-loader',
-            options: {
-              loader: 'tsx',
-              target: esbuildTargets,
-            },
+            options: esbuildOptions,
           },
-          exclude: /node_modules/,
         },
         require('./sass.rule.js')({
           sourceMap: false,

scripts/webpack/webpack.prod.js

@@ -2,7 +2,7 @@
 
 const browserslist = require('browserslist');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
-const { ESBuildMinifyPlugin } = require('esbuild-loader');
+const { EsbuildPlugin } = require('esbuild-loader');
 const { resolveToEsbuildTarget } = require('esbuild-plugin-browserslist');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -14,6 +14,13 @@ const HTMLWebpackCSSChunks = require('./plugins/HTMLWebpackCSSChunks');
 const common = require('./webpack.common.js');
 const esbuildTargets = resolveToEsbuildTarget(browserslist(), { printUnknownTargets: false });
 
+// esbuild-loader 3.0.0+ requires format to be set to prevent it
+// from defaulting to 'iife' which breaks monaco/loader once minified.
+const esbuildOptions = {
+  target: esbuildTargets,
+  format: undefined,
+};
+
 module.exports = (env = {}) =>
   merge(common, {
     mode: 'production',
@@ -32,10 +39,7 @@ module.exports = (env = {}) =>
           exclude: /node_modules/,
           use: {
             loader: 'esbuild-loader',
-            options: {
-              loader: 'tsx',
-              target: esbuildTargets,
-            },
+            options: esbuildOptions,
           },
         },
         require('./sass.rule.js')({
@@ -47,12 +51,7 @@ module.exports = (env = {}) =>
     optimization: {
       nodeEnv: 'production',
       minimize: parseInt(env.noMinify, 10) !== 1,
-      minimizer: [
-        new ESBuildMinifyPlugin({
-          target: esbuildTargets,
-        }),
-        new CssMinimizerPlugin(),
-      ],
+      minimizer: [new EsbuildPlugin(esbuildOptions), new CssMinimizerPlugin()],
     },
 
     // enable persistent cache for faster builds