babel-preset-cgb/index.js

Babel preset used by Create Guten Block.

/**
 * Basically the .babelrc file.
 */

// Update notifier.
const updateNotifier = require( 'update-notifier' );
const pkg = require( './package.json' );
updateNotifier( { pkg } ).notify();

module.exports = {
	presets: [
		[
			// 'env',
			require.resolve( 'babel-preset-env' ),
			{
				// Do not transform modules to CJS.
				modules: false,
				targets: {
					browsers: [
						'last 2 Chrome versions',
						'last 2 Firefox versions',
						'last 2 Safari versions',
						'last 2 iOS versions',
						'last 1 Android version',
						'last 1 ChromeAndroid version',
						'ie 11',
					],
				},
			},
		],
	],
	plugins: [
		// class { handleClick = () => { } }.
		[ require.resolve( 'babel-plugin-transform-class-properties' ) ],
		// The following two plugins use Object.assign directly, instead of Babel's
		// extends helper. Note that this assumes `Object.assign` is available.
		// { ...todo, completed: true }
		[
			require.resolve( 'babel-plugin-transform-object-rest-spread' ),
			{
				useBuiltIns: true,
			},
		],
		[
			// Transforms JSX Syntax.
			// 'transform-react-jsx',
			require.resolve( 'babel-plugin-transform-react-jsx' ),
			{
				pragma: 'wp.element.createElement',
			},
		],
		// Async/Await awesomeness https://babeljs.io/docs/en/babel-plugin-syntax-async-functions/.
		[ require.resolve( 'babel-plugin-syntax-async-functions' ) ],
		// Polyfills the runtime needed for async/await and generators.
		[
			require.resolve( 'babel-plugin-transform-runtime' ),
			{
				helpers: false,
				polyfill: false,
				regenerator: true,
			},
		],
	],
};