build: cleaned up babel presets

Author: bfintal

.config/externals.js

@@ -50,6 +50,8 @@ const externals = [
 	lodash: 'lodash', // WP loads lodash already.
 	stackable: 'stackable', // Our localized JS variable.
 	fetch: 'fetch', // Used in our debugger sidebar.
+	// react: 'wp.element', // Use the bundled React in Gutenberg. (not working see https://github.com/WordPress/gutenberg/issues/33674)
+	'react-dom': 'wp.element', // Use the bundled ReactDom in Gutenberg.
 } );
 
 module.exports = externals;

.config/rules.js

@@ -5,22 +5,9 @@ module.exports = [
 		use: {
 			loader: 'babel-loader',
 			options: {
-				// presets: ['es2015'],
 				presets: [ '@wordpress/babel-preset-default' ],
 				// Cache compilation results in ./node_modules/.cache/babel-loader/
 				cacheDirectory: true,
-				plugins: [
-					'@babel/plugin-proposal-class-properties',
-					'@babel/plugin-transform-destructuring',
-					'@babel/plugin-proposal-object-rest-spread',
-					'@babel/plugin-proposal-optional-chaining',
-					[
-						'@babel/plugin-transform-react-jsx',
-						{
-							pragma: 'wp.element.createElement',
-						},
-					]
-				]
 			}
 		},
 		resolve: {
@@ -36,7 +23,20 @@ module.exports = [
 	},
 	{
 		test: /\.svg$/,
-		use: ['@svgr/webpack'], // Settings are in .svgrrc
+		// Settings are in .svgrrc
+		use: [
+			{
+				loader: 'babel-loader', // Use our own babel-loader instead of the included one.
+				options: {
+					presets: [ '@wordpress/babel-preset-default' ],
+					cacheDirectory: true,
+				},
+			},
+			{
+				loader: '@svgr/webpack',
+				options: { babel: false },
+			}
+		],
 	},
 	{
 		test: /\.(png|jpg|gif)$/,

babel.config.js

@@ -3,18 +3,7 @@ module.exports = api => {
 
 	return {
 		presets: [
-			[ '@babel/preset-env', { modules: false } ],
-			'@babel/preset-react',
 			'@wordpress/babel-preset-default', // @see https://github.com/WordPress/gutenberg/tree/trunk/packages/babel-preset-default
 		],
-		env: {
-			test: {
-				plugins: [
-					'@babel/plugin-transform-modules-commonjs',
-					'@babel/plugin-proposal-class-properties',
-					'@babel/plugin-proposal-optional-chaining',
-				],
-			},
-		},
 	}
 }