build: set up Browserslist environments

ministryofjustice · Feb 26, 2025 · b4e1ea4 · b4e1ea4
1 parent b4b5550
commit b4e1ea4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.browserslistrc b/.browserslistrc
@@ -1,3 +1,7 @@
+[javascripts]
+supports es6-module
+
+[stylesheets]
 > 0.1% in GB and not dead
 last 6 Chrome versions
 last 6 Firefox versions

diff --git a/babel.config.js b/babel.config.js
@@ -1,4 +1,5 @@
 module.exports = {
+  browserslistEnv: 'javascripts',
   presets: [
     [
       '@babel/preset-env',

diff --git a/gulp/tasks/styles.js b/gulp/tasks/styles.js
@@ -36,7 +36,11 @@ function compileStyles(assetPath, { srcPath, destPath, output = {} }) {
     }
 
     // Apply PostCSS transforms (e.g. vendor prefixes)
-    const processor = postcss([autoprefixer(), cssnano()])
+    const processor = postcss([
+      autoprefixer({ env: 'stylesheets' }),
+      cssnano({ env: 'stylesheets' })
+    ])
+
     const result = await processor.process(css, {
       from,
       to,