webpack: Use ReactLoadablePlugin to generate react-loadable manifest

Author: smspillaz

internals/webpack/webpack.dev.client.babel.js

@@ -6,6 +6,7 @@ const path = require('path');
 
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ReactLoadablePlugin = require('react-loadable/webpack').ReactLoadablePlugin;
 
 const config = require('./webpack.dev.babel.js')({
   // Add hot reloading in development
@@ -34,6 +35,9 @@ config.plugins.push.apply(config.plugins, [
     filename: 'manifest.js',
     minChunks: Infinity,
   }),
+  new ReactLoadablePlugin({
+    filename: './build/react-loadable.json',
+  }),
 ]);
 
 module.exports = config;

internals/webpack/webpack.prod.client.babel.js

@@ -3,6 +3,7 @@ const path = require('path');
 const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const OfflinePlugin = require('offline-plugin');
+const ReactLoadablePlugin = require('react-loadable/webpack').ReactLoadablePlugin;
 
 const config = require('./webpack.prod.babel')({
   // In production, we skip all hot-reloading stuff
@@ -66,6 +67,9 @@ config.plugins.push.apply(config.plugins, [
     filename: 'manifest.js',
     minChunks: Infinity,
   }),
+  new ReactLoadablePlugin({
+    filename: './build/react-loadable.json',
+  }),
 ]);
 
 module.exports = config;