Polyfill support.

.modernizrrc.js

@@ -0,0 +1,15 @@
+// https://github.com/peerigon/modernizr-loader/blob/master/index.js#L25
+module.exports = {
+  "classPrefix": "",
+  "options": [],
+  "feature-detects": [
+    "cookies",
+    "cors",
+    "css/all",
+    "es6/promises",
+    "history",
+    "intl",
+    "network/fetch",
+    "requestanimationframe"
+  ]
+}

config/webpack/client.babel.js

@@ -3,6 +3,7 @@ import {output, plugin} from 'webpack-partial';
 import PagesPlugin from 'pages-webpack-plugin';
 
 import base from './partial/base';
+import modernizr from './partial/modernizr';
 
 const getRender = () => {
   try {
@@ -32,6 +33,7 @@ const createConfig = compose(
       render: getRender(),
     }), config);
   },
+  modernizr(),
   output({
     publicPath: '/asset',
   }),

config/webpack/partial/babel.js

@@ -35,7 +35,7 @@ export default () => (config) => {
           return [name, {
             ...config,
             modules: false,
-            useBuiltIns: 'usage',
+            useBuiltIns: false,
             ignoreBrowserslistConfig: target === 'node',
             targets: getTargets(target),
             include: [

config/webpack/partial/env.js

@@ -30,9 +30,19 @@ const extract = pipe(
 const env = (env = {}) => console.log(chalk.bold('📦  Enironment')) ||
   plugin(new DefinePlugin(extract(env)));
 
+const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
+
 export default () => env({
   NODE_ENV: {
     value: 'development',
     required: true,
   },
+  FORCE_PROMISE_POLYFILL: {
+    value: isDev ? 'true' : '',
+    required: false,
+  },
+  FORCE_FETCH_POLYFILL: {
+    value: isDev ? 'true' : '',
+    required: false,
+  },
 });

config/webpack/partial/modernizr.js

@@ -0,0 +1,15 @@
+import {alias, loader} from 'webpack-partial';
+import {compose} from 'ramda';
+import path from 'path';
+
+export default (rc = '.modernizrrc.js') => compose(
+  loader({
+    test: /\.modernizrrc/,
+    loader: require.resolve('modernizr-loader'),
+  }),
+  (config) => alias(
+    'modernizr$',
+    rc.charAt(0) === '/' ? rc : path.join(config.context, rc),
+    config
+  )
+);

config/webpack/partial/node.js

@@ -0,0 +1,6 @@
+import nodeExternals from 'webpack-node-externals';
+import {compose, assoc} from 'ramda';
+
+export default compose(
+  assoc('externals', [nodeExternals()]),
+);

config/webpack/render.babel.js

@@ -1,17 +1,17 @@
 import {compose} from 'ramda';
-import nodeExternals from 'webpack-node-externals';
+
 import {output} from 'webpack-partial';
 
 import base from './partial/base';
+import node from './partial/node';
 
 const createConfig = compose(
   output({
     library: 'render',
     libraryTarget: 'commonjs2',
   }),
+  node(),
   base({name: 'render', target: 'node'}),
 );
 
-export default createConfig({
-  externals: [nodeExternals()],
-});
+export default createConfig({});

config/webpack/server.babel.js

@@ -1,12 +1,11 @@
-import nodeExternals from 'webpack-node-externals';
 import {compose} from 'ramda';
 
 import base from './partial/base';
+import node from './partial/node';
 
 const createConfig = compose(
+  node(),
   base({name: 'server', target: 'node'}),
 );
 
-export default createConfig({
-  externals: [nodeExternals()],
-});
+export default createConfig({});