Skip to content

Commit

Permalink
Configure Browserslist for JS supported browsers
Browse files Browse the repository at this point in the history
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
  • Loading branch information
colinrotherham committed Jul 5, 2023
1 parent dfc0084 commit 2ef3da3
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 29 deletions.
11 changes: 2 additions & 9 deletions docs/examples/webpack/.browserslistrc
Original file line number Diff line number Diff line change
@@ -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
Expand Down
4 changes: 2 additions & 2 deletions docs/examples/webpack/babel.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
11 changes: 2 additions & 9 deletions packages/govuk-frontend-review/.browserslistrc
Original file line number Diff line number Diff line change
@@ -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
Expand Down
11 changes: 2 additions & 9 deletions packages/govuk-frontend/.browserslistrc
Original file line number Diff line number Diff line change
@@ -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
Expand Down

0 comments on commit 2ef3da3

Please sign in to comment.