From 5142179acd1600dd09b70cf11db2a55e018a9ff7 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Tue, 18 Sep 2018 15:03:20 +0300
Subject: dynamic import
---
vnext/src/index.js | 15 +++++++++------
vnext/src/style/main.css | 4 ++--
vnext/src/views/index.html | 4 +++-
3 files changed, 14 insertions(+), 9 deletions(-)
(limited to 'vnext/src')
diff --git a/vnext/src/index.js b/vnext/src/index.js
index 24fe9352..74e36d84 100644
--- a/vnext/src/index.js
+++ b/vnext/src/index.js
@@ -1,11 +1,14 @@
import React from 'react';
import ReactDOM from 'react-dom';
+import Loadable from 'react-loadable';
-import App from './App';
+const Juick = Loadable({
+ loader: () => import('./App'),
+ loading: () => Loading...
+});
-let container = document.createElement('div');
-ReactDOM.render(, container);
-let body = document.getElementById('content').parentNode;
-body.replaceChild(container.getElementsByTagName('header')[0], body.querySelector('#header'));
-body.replaceChild(container.querySelector('#content'), body.querySelector('#content'));
+const JuickApp = () => (
+
+);
+ReactDOM.render(, document.getElementById('body'));
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 6d78c7eb..77cc56cb 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -87,7 +87,7 @@ noscript article {
background: #006699;
color: #fff;
}
-body > header {
+#body > header {
position: fixed;
top: 0;
width: 100%;
@@ -138,7 +138,7 @@ body > header {
min-width: 310px;
width: auto;
}
- body > header {
+ #body > header {
margin-bottom: 15px;
}
}
diff --git a/vnext/src/views/index.html b/vnext/src/views/index.html
index e5862bc1..f9fb7e72 100644
--- a/vnext/src/views/index.html
+++ b/vnext/src/views/index.html
@@ -42,7 +42,8 @@
-
+
+