Modern web applications and script files are frequently very large downloads. While the download is taking place, the end user doesn't see any progress in the browser.
Bundle.js Loader is a simple script that fetches the file, and displays a loading spinner during this process.
- Add the loader.js (or loader.min.js) file to the root directory of your project.
- Include a loading spinner gif in the same directory.
- Place the following script in the
<BODY>of the index.html file where thebundle.jsfile is loaded.
<script src="./loader.min.js" bundle="./bundle.js" spinner="./spinner.gif" entry="app"></script>