預加載React webpack軟件包的動畫

我有一個單頁webapp，大約300Kb。它與webpack捆綁在一起並使用React/Redux。預加載React webpack軟件包的動畫

如何在頁面加載之前預先放置一個小的加載微調器？我能想像

把風格和CSS到使用異步加載靜態的index.html
像krux/postscribe

2016-02-09 Muki

一種方法是插入在索引中加載動畫。 html

<!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加載後，它將在內容中呈現，加載動畫將消失。

來源

2016-07-14 23:01:02

謝謝，正在尋找這個！ – emaillenin

預加載React webpack軟件包的動畫

回答

相關問題