Preloading animation for React webpack bundle
I have a single page webapp , which is about 300Kb big. It gets bundled with webpack and uses React/Redux. How do I put a small loading spinner upfront until the page is loaded? I can image putting the style and css into the static index.html using an async loader like krux/postscribe One way would be to insert the loading animation in the index.html e.g. <!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> Then