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',