2016-02-09 3 views
3

У меня есть одна страница webapp, которая составляет около 300 КБ. Он поставляется в комплекте с webpack и использует React/Redux.Предзагрузочная анимация для пакета рэгентов React

Как разместить небольшой указатель числа оборотов до загрузки страницы? Я могу изображение

  • положить стиль и CSS в статическом index.html
  • с использованием асинхронной загрузчик как krux/postscribe

ответ

4

Одним из способов было бы вставить загрузочную анимацию в индексе. html

eg

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    </head> 
    <body> 
     <div id="content"> 
      <div id="loader" /> 
     </div> 
     <script src="build/app.js"></script> 
    </body> 
</html> 

После загрузки bundle.js оно будет отображаться в содержимом, и анимация загрузки исчезнет.

+0

Спасибо, искал это! – emaillenin