Upgrading to webpack v4.28.2 to support dynamic imports (#86)

* upgrading to webpack v4.28.2 to support dynamic imports

* dynamically import component in examples

* move component

Author: elifitch

examples/fancy/src/app.js

@@ -7,6 +7,8 @@ import Child from './child';
 import './bg.css';
 import './styles.less';
 
+const DynamicComponent = React.lazy(() => import('./dynamic'));
+
 class App extends React.Component {
   state = {
     counter: 0
@@ -45,6 +47,9 @@ class App extends React.Component {
           Does it leak SECRET_TOKEN:{' '}
           {process.env.SECRET_TOKEN === undefined ? 'No' : 'Yes'}
         </p>
+        <React.Suspense fallback={<div>Loading dynamic component...</div>}>
+          <DynamicComponent />
+        </React.Suspense>
         <p>Background image snowflake:</p>
         <div className="snowflake" style={{ height: 300, width: 300 }} />
         <p>Real image snowflake:</p>
@@ -53,6 +58,7 @@ class App extends React.Component {
           The library <code>p-finally</code> is not ES5, so this page should
           throw an error in older browsers like IE11.
         </p>
+     
       </div>
     );
   }

examples/fancy/src/dynamic.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+function Dynamic() {
+  return (
+    <div className="dynamic">I was loaded dynamically</div>
+  )
+}
+
+export default Dynamic;

examples/fancy/src/styles.less

@@ -4,3 +4,9 @@
 body {
   color: @light-blue;
 }
+.dynamic {
+  background: lightseagreen;
+  color: #333;
+  border-radius: 6px;
+  padding: 6px;
+}