WIP feat: webpack 5 compatibility

.babelrc → babel.config.js

@@ -1,15 +1,22 @@
-{
-  "presets": [
+module.exports = function (api) {
+  api.cache(true);
+
+  const presets = [
     [
       "@babel/preset-env",
       {
         "loose": true
       }
     ],
     "@babel/preset-react"
-  ],
-  "plugins": [
+  ];
+  const plugins = [
     "@babel/plugin-proposal-class-properties",
     "@babel/plugin-transform-object-assign"
-  ]
+  ];
+
+  return {
+    presets,
+    plugins
+  };
 }

example/.babelrc → example/babel.config.js

@@ -1,9 +1,11 @@
-{
-  "presets": [
+module.exports = function (api) {
+  api.cache(true);
+
+  const presets = [
     "@babel/preset-env",
     "@babel/preset-react"
-  ],
-  "plugins": [
+  ];
+  const plugins = [
     "dynamic-import-node",
     "@babel/plugin-proposal-class-properties",
     "../babel",
@@ -16,5 +18,10 @@
         }
       }
     ]
-  ]
-}
+  ];
+
+  return {
+    presets,
+    plugins
+  };
+}

example/components/App.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import Loading from './Loading';
 import delay from '../utils/delay';
-import path from 'path';
+import path from 'path-browserify';
 
 const LoadableExample = Loadable({
   loader: () => import('./Example'),

example/components/Example.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import Loading from './Loading';
 import delay from '../utils/delay';
-import path from 'path';
+import path from 'path-browserify';
 
 const LoadableNested = Loadable({
   loader: () => import('./ExampleNested'),