Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update Browserslist config with future support #3728

Merged
merged 9 commits into from
Jul 5, 2023
Merged

Update Browserslist config with future support #3728

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
95ad22d
Update all Babel configs with `browserslistEnv` for Node.js
colinrotherham Jun 26, 2023
174de40
Update Browserslist for older Apple/Android browsers in GB
colinrotherham Jun 1, 2023
cca5870
Update Browserslist to exclude “dead” browsers (like IE) unless listed
colinrotherham Jun 1, 2023
4fb7ca1
Update Browserslist for 6 months of evergreen browser updates
colinrotherham Jun 1, 2023
bd3f24a
Restore Browserslist default `Firefox ESR` entry
colinrotherham Jun 1, 2023
f71de16
Update Browserslist to maintain Safari 11+ despite low audience
colinrotherham Jun 29, 2023
0589455
Configure Babel to preserve ES modules in browsers
colinrotherham Jun 30, 2023
dfc0084
Configure Browserslist for CSS supported browsers
colinrotherham Jun 12, 2023
2ef3da3
Configure Browserslist for JS supported browsers
colinrotherham Jun 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .browserslistrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
[node]
node 18
16 changes: 6 additions & 10 deletions babel.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,13 @@
* @type {import('@babel/core').ConfigFunction}
*/
module.exports = function (api) {
api.cache(true)

const presets = [
['@babel/preset-env', {
targets: {
node: 'current'
}
}]
]
api.cache.forever()

return {
presets
presets: [
['@babel/preset-env', {
browserslistEnv: 'node'
}]
]
}
}
20 changes: 14 additions & 6 deletions docs/examples/webpack/.browserslistrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,16 @@
> 0.1%
last 2 Chrome versions
last 2 Firefox versions
last 2 Edge versions
[javascripts]
supports es6-module

[stylesheets]
> 0.1% in GB and not dead
last 6 Chrome versions
last 6 Firefox versions
last 6 Edge versions
last 2 Samsung versions
Safari >= 9
iOS >= 9
Firefox ESR
Safari >= 11
iOS >= 11
ie 11

[node]
node 18
22 changes: 22 additions & 0 deletions docs/examples/webpack/babel.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
/**
* Babel config
*
* @type {import('@babel/core').ConfigFunction}
*/
module.exports = function (api) {
const browserslistEnv = !api.env('test')
? 'javascripts'
: 'node'

return {
presets: [
['@babel/preset-env', {
browserslistEnv,
loose: browserslistEnv === 'javascripts',

// Transform ES modules for Node.js
modules: browserslistEnv === 'node' ? 'auto' : false
}]
]
}
}
8 changes: 0 additions & 8 deletions docs/examples/webpack/babel.config.mjs
View file
Open in desktop

This file was deleted.

3 changes: 2 additions & 1 deletion docs/examples/webpack/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import autoprefixer from 'autoprefixer'
*/
export default {
plugins: [
autoprefixer()
// Add vendor prefixes
autoprefixer({ env: 'stylesheets' })
]
}
20 changes: 14 additions & 6 deletions packages/govuk-frontend-review/.browserslistrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,16 @@
> 0.1%
last 2 Chrome versions
last 2 Firefox versions
last 2 Edge versions
[javascripts]
supports es6-module

[stylesheets]
> 0.1% in GB and not dead
last 6 Chrome versions
last 6 Firefox versions
last 6 Edge versions
last 2 Samsung versions
Safari >= 9
iOS >= 9
Firefox ESR
Safari >= 11
iOS >= 11
ie 11

[node]
node 18
3 changes: 2 additions & 1 deletion packages/govuk-frontend-review/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ import pseudoclasses from 'postcss-pseudo-classes'
*/
export default {
plugins: [
autoprefixer(),
// Add vendor prefixes
autoprefixer({ env: 'stylesheets' }),

// Add review app auto-generated 'companion' classes for each pseudo-class
// For example ':hover' and ':focus' classes to simulate form label states
Expand Down
17 changes: 11 additions & 6 deletions packages/govuk-frontend/.browserslistrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,18 @@
# 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%
last 2 Chrome versions
last 2 Firefox versions
last 2 Edge versions
[javascripts]
supports es6-module

[stylesheets]
> 0.1% in GB and not dead
colinrotherham marked this conversation as resolved.
Show resolved Hide resolved
last 6 Chrome versions
last 6 Firefox versions
last 6 Edge versions
last 2 Samsung versions
Safari >= 9
iOS >= 9
Firefox ESR
Safari >= 11
iOS >= 11
ie 11

[node]
Expand Down
2 changes: 1 addition & 1 deletion packages/govuk-frontend/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ import scss from 'postcss-scss'
export default ({ to = '' } = {}) => ({
plugins: [
// Add vendor prefixes
autoprefixer(),
autoprefixer({ env: 'stylesheets' }),

// Add GOV.UK Frontend release version
!isDev && {
Expand Down