Create a Babel polyfill entry script

WordPress · May 10, 2017 · 7a2fd0c · 7a2fd0c
1 parent 94b8fce
commit 7a2fd0c
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 4 deletions.
diff --git a/.babelrc b/.babelrc
@@ -2,6 +2,7 @@
 	"presets": [
 		[ "env", {
 			"modules": false,
+			"useBuiltIns": true,
 			"targets": {
 				"browsers": [
 					"last 2 Chrome versions",

diff --git a/index.php b/index.php
@@ -164,9 +164,30 @@ function gutenberg_register_scripts() {
 
 	// Editor Scripts.
 	wp_register_script( 'tinymce-nightly', 'https://fiddle.azurewebsites.net/tinymce/nightly/tinymce' . $suffix . '.js' );
-	wp_register_script( 'wp-i18n', plugins_url( 'i18n/build/index.js', __FILE__ ), array(), filemtime( plugin_dir_path( __FILE__ ) . 'i18n/build/index.js' ) );
-	wp_register_script( 'wp-element', plugins_url( 'element/build/index.js', __FILE__ ), array( 'react', 'react-dom', 'react-dom-server' ), filemtime( plugin_dir_path( __FILE__ ) . 'element/build/index.js' ) );
-	wp_register_script( 'wp-blocks', plugins_url( 'blocks/build/index.js', __FILE__ ), array( 'wp-element', 'tinymce-nightly' ), filemtime( plugin_dir_path( __FILE__ ) . 'blocks/build/index.js' ) );
+	wp_register_script(
+		'wp-esnext-polyfill',
+		plugins_url( 'polyfill/build/index.js', __FILE__ ),
+		array(),
+		filemtime( plugin_dir_path( __FILE__ ) . 'polyfill/build/index.js' )
+	);
+	wp_register_script(
+		'wp-i18n',
+		plugins_url( 'i18n/build/index.js', __FILE__ ),
+		array( 'wp-esnext-polyfill' ),
+		filemtime( plugin_dir_path( __FILE__ ) . 'i18n/build/index.js' )
+	);
+	wp_register_script(
+		'wp-element',
+		plugins_url( 'element/build/index.js', __FILE__ ),
+		array( 'wp-esnext-polyfill', 'react', 'react-dom', 'react-dom-server' ),
+		filemtime( plugin_dir_path( __FILE__ ) . 'element/build/index.js' )
+	);
+	wp_register_script(
+		'wp-blocks',
+		plugins_url( 'blocks/build/index.js', __FILE__ ),
+		array( 'wp-esnext-polyfill', 'wp-element', 'tinymce-nightly' ),
+		filemtime( plugin_dir_path( __FILE__ ) . 'blocks/build/index.js' )
+	);
 
 	// Editor Styles.
 	wp_register_style( 'wp-blocks', plugins_url( 'blocks/build/style.css', __FILE__ ), array(), filemtime( plugin_dir_path( __FILE__ ) . 'blocks/build/style.css' ) );
@@ -287,7 +308,7 @@ function gutenberg_scripts_and_styles( $hook ) {
 	wp_enqueue_script(
 		'wp-editor',
 		plugins_url( 'editor/build/index.js', __FILE__ ),
-		array( 'wp-api', 'wp-i18n', 'wp-blocks', 'wp-element' ),
+		array( 'wp-esnext-polyfill', 'wp-api', 'wp-i18n', 'wp-blocks', 'wp-element' ),
 		filemtime( plugin_dir_path( __FILE__ ) . 'editor/build/index.js' ),
 		true // enqueue in the footer.
 	);

diff --git a/package.json b/package.json
@@ -28,6 +28,7 @@
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-plugin-transform-react-jsx": "^6.23.0",
     "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-polyfill": "^6.23.0",
     "babel-preset-env": "^1.4.0",
     "chai": "^3.5.0",
     "concurrently": "^3.4.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -8,6 +8,7 @@ const ExtractTextPlugin = require( 'extract-text-webpack-plugin' );
 
 const config = {
 	entry: {
+		polyfill: 'babel-polyfill',
 		i18n: './i18n/index.js',
 		blocks: './blocks/index.js',
 		editor: './editor/index.js',