Babel Preset Default: Configure @babel/preset-env preset to respect a…

… local Browserslist configuration (#31898) * Babel Preset Default: Configure @babel/preset-env preset to respect a local Browserslist configuration * Replace nullish coalescing operator * Rename variable for clarity * Update browserslist to 4.16.6 * Clean up package-lock.json * Update caniuse-lite * Fix prettier issue * Update changelog for scripts too
WordPress · May 20, 2021 · 41fdf59 · 41fdf59
1 parent 298f508
commit 41fdf59
Show file tree

Hide file tree

Showing 7 changed files with 34 additions and 15 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -151,7 +151,7 @@
 		"babel-plugin-react-native-platform-specific-extensions": "1.1.1",
 		"babel-plugin-transform-remove-console": "6.9.4",
 		"benchmark": "2.1.4",
-		"browserslist": "4.16.5",
+		"browserslist": "4.16.6",
 		"chalk": "4.0.0",
 		"commander": "4.1.0",
 		"concurrently": "3.5.0",

diff --git a/packages/babel-preset-default/CHANGELOG.md b/packages/babel-preset-default/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Bug Fixes
+
+-   Configure `@babel/preset-env` preset to respect a local Browserslist configuration.
+
 ## 6.0.0 (2021-05-14)
 
 ### Breaking Changes

diff --git a/packages/babel-preset-default/README.md b/packages/babel-preset-default/README.md
@@ -16,13 +16,13 @@ npm install @wordpress/babel-preset-default --save-dev
 
 ### Usage
 
-There are a number of methods to configure Babel. See [Babel's Configuration documentation](https://babeljs.io/docs/en/configuration) for more information. To use this preset, simply reference `@wordpress/default` in the `presets` option in your Babel configuration.
+There are a number of methods to configure Babel. See [Babel's Configuration documentation](https://babeljs.io/docs/en/configuration) for more information. To use this preset, simply reference `@wordpress/babel-preset-default` in the `presets` option in your Babel configuration.
 
 For example, using `.babelrc`:
 
 ```json
 {
-	"presets": [ "@wordpress/default" ]
+	"presets": [ "@wordpress/babel-preset-default" ]
 }
 ```
 

diff --git a/packages/babel-preset-default/index.js b/packages/babel-preset-default/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+const browserslist = require( 'browserslist' );
+
 module.exports = ( api ) => {
 	let wpBuildOpts = {};
 	const isWPBuild = ( name ) =>
@@ -26,8 +31,12 @@ module.exports = ( api ) => {
 			};
 		} else {
 			opts.modules = false;
+			const localBrowserslistConfig =
+				browserslist.findConfig( '.' ) || {};
 			opts.targets = {
-				browsers: require( '@wordpress/browserslist-config' ),
+				browsers:
+					localBrowserslistConfig.defaults ||
+					require( '@wordpress/browserslist-config' ),
 			};
 		}
 

diff --git a/packages/babel-preset-default/package.json b/packages/babel-preset-default/package.json
@@ -38,6 +38,7 @@
 		"@wordpress/browserslist-config": "file:../browserslist-config",
 		"@wordpress/element": "file:../element",
 		"@wordpress/warning": "file:../warning",
+		"browserslist": "^4.16.6",
 		"core-js": "^3.6.4"
 	},
 	"publishConfig": {

diff --git a/packages/scripts/CHANGELOG.md b/packages/scripts/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Bug Fix
+
+-   The default Babel configuration has changed to respect a local Browserslist configuration.
+
 ## 16.0.0 (2021-05-14)
 
 ### Breaking Changes