From 2ef3da301036ad346ab3af13edc2fa0d4966f744 Mon Sep 17 00:00:00 2001
From: Colin Rotherham <work@colinr.com>
Date: Fri, 30 Jun 2023 20:15:55 +0100
Subject: [PATCH] Configure Browserslist for JS supported browsers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The default browsers that load our CSS differ to those that run our JavaScript, so we don’t need Babel transforms for IE11 and other legacy browsers

We’ll start by targetting `supports es6-module` and can optionally exclude Babel transforms or plugins as required, should we prefer feature detection instead
---
 docs/examples/webpack/.browserslistrc          | 11 ++---------
 docs/examples/webpack/babel.config.js          |  4 ++--
 packages/govuk-frontend-review/.browserslistrc | 11 ++---------
 packages/govuk-frontend/.browserslistrc        | 11 ++---------
 4 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/docs/examples/webpack/.browserslistrc b/docs/examples/webpack/.browserslistrc
index 402c378012..8df824c94c 100644
--- a/docs/examples/webpack/.browserslistrc
+++ b/docs/examples/webpack/.browserslistrc
@@ -1,12 +1,5 @@
-> 0.1% in GB and not dead
-last 6 Chrome versions
-last 6 Firefox versions
-last 6 Edge versions
-last 2 Samsung versions
-Firefox ESR
-Safari >= 11
-iOS >= 11
-ie 11
+[javascripts]
+supports es6-module
 
 [stylesheets]
 > 0.1% in GB and not dead
diff --git a/docs/examples/webpack/babel.config.js b/docs/examples/webpack/babel.config.js
index 6d4c8f794c..78128d59a4 100644
--- a/docs/examples/webpack/babel.config.js
+++ b/docs/examples/webpack/babel.config.js
@@ -5,14 +5,14 @@
  */
 module.exports = function (api) {
   const browserslistEnv = !api.env('test')
-    ? 'production'
+    ? 'javascripts'
     : 'node'
 
   return {
     presets: [
       ['@babel/preset-env', {
         browserslistEnv,
-        loose: browserslistEnv === 'production',
+        loose: browserslistEnv === 'javascripts',
 
         // Transform ES modules for Node.js
         modules: browserslistEnv === 'node' ? 'auto' : false
diff --git a/packages/govuk-frontend-review/.browserslistrc b/packages/govuk-frontend-review/.browserslistrc
index 402c378012..8df824c94c 100644
--- a/packages/govuk-frontend-review/.browserslistrc
+++ b/packages/govuk-frontend-review/.browserslistrc
@@ -1,12 +1,5 @@
-> 0.1% in GB and not dead
-last 6 Chrome versions
-last 6 Firefox versions
-last 6 Edge versions
-last 2 Samsung versions
-Firefox ESR
-Safari >= 11
-iOS >= 11
-ie 11
+[javascripts]
+supports es6-module
 
 [stylesheets]
 > 0.1% in GB and not dead
diff --git a/packages/govuk-frontend/.browserslistrc b/packages/govuk-frontend/.browserslistrc
index 2637650673..8916f2fa4e 100644
--- a/packages/govuk-frontend/.browserslistrc
+++ b/packages/govuk-frontend/.browserslistrc
@@ -1,15 +1,8 @@
 # This list builds on the GOV.UK service manual's browser testing recommendations
 # https://www.gov.uk/service-manual/technology/designing-for-different-browsers-and-devices
 
-> 0.1% in GB and not dead
-last 6 Chrome versions
-last 6 Firefox versions
-last 6 Edge versions
-last 2 Samsung versions
-Firefox ESR
-Safari >= 11
-iOS >= 11
-ie 11
+[javascripts]
+supports es6-module
 
 [stylesheets]
 > 0.1% in GB and not dead