From bc22a6106e9a26552017b085c75c2c478d635052 Mon Sep 17 00:00:00 2001
From: Colum Ferry <cferry09@gmail.com>
Date: Wed, 21 Jun 2023 15:46:27 +0100
Subject: [PATCH] fix(bundling): check for browserslist when setting terser
 ecma #17620

---
 packages/webpack/package.json         |  3 +++
 packages/webpack/src/utils/with-nx.ts | 36 +++++++++++++++++++++++----
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/packages/webpack/package.json b/packages/webpack/package.json
index c256da0ed3d151..be8284f9bd2caa 100644
--- a/packages/webpack/package.json
+++ b/packages/webpack/package.json
@@ -70,6 +70,9 @@
     "@nx/devkit": "file:../devkit",
     "@nx/js": "file:../js"
   },
+  "peerDependencies": {
+    "browserslist": "^4.21.4"
+  },
   "publishConfig": {
     "access": "public"
   }
diff --git a/packages/webpack/src/utils/with-nx.ts b/packages/webpack/src/utils/with-nx.ts
index 05364e83dd0373..9a9c9a2bd7d818 100644
--- a/packages/webpack/src/utils/with-nx.ts
+++ b/packages/webpack/src/utils/with-nx.ts
@@ -1,12 +1,10 @@
 import * as path from 'path';
-import { Configuration, WebpackPluginInstance, ProgressPlugin } from 'webpack';
+import { join } from 'path';
+import { Configuration, ProgressPlugin, WebpackPluginInstance } from 'webpack';
 import { ExecutorContext } from 'nx/src/config/misc-interfaces';
 import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
 import { readTsConfig } from '@nx/js';
 import { LicenseWebpackPlugin } from 'license-webpack-plugin';
-import TerserPlugin = require('terser-webpack-plugin');
-import nodeExternals = require('webpack-node-externals');
-import ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 import { NormalizedWebpackExecutorOptions } from '../executors/webpack/schema';
 import { StatsJsonPlugin } from '../plugins/stats-json-plugin';
@@ -14,6 +12,32 @@ import { createCopyPlugin } from './create-copy-plugin';
 import { GeneratePackageJsonPlugin } from '../plugins/generate-package-json-plugin';
 import { getOutputHashFormat } from './hash-format';
 import { NxWebpackPlugin } from './config';
+import { existsSync } from 'fs';
+import TerserPlugin = require('terser-webpack-plugin');
+import nodeExternals = require('webpack-node-externals');
+import ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+import browserslist = require('browserslist');
+
+const VALID_BROWSERSLIST_FILES = ['.browserslistrc', 'browserslist'];
+
+function getTerserEcmaVersion(projectRoot: string) {
+  let pathToBrowserslistFile = '';
+  for (const browserslistFile of VALID_BROWSERSLIST_FILES) {
+    const fullPathToFile = join(projectRoot, browserslistFile);
+    if (existsSync(fullPathToFile)) {
+      pathToBrowserslistFile = fullPathToFile;
+      break;
+    }
+  }
+
+  if (!pathToBrowserslistFile) {
+    return 2020;
+  }
+
+  const env = browserslist.loadConfig({ path: pathToBrowserslistFile });
+  const browsers = browserslist(env);
+  return browsers.includes('ie 11') ? 5 : 2020;
+}
 
 const IGNORED_WEBPACK_WARNINGS = [
   /The comment file/i,
@@ -213,7 +237,9 @@ export function withNx(pluginOptions?: WithNxOptions): NxWebpackPlugin {
                 parallel: true,
                 terserOptions: {
                   keep_classnames: true,
-                  ecma: 2020,
+                  ecma: getTerserEcmaVersion(
+                    join(options.root, options.projectRoot)
+                  ),
                   safari10: true,
                   format: {
                     ascii_only: true,