async-preloader

async-preloader

Assets preloader using ES2017 async/await and fetch.

Install

$ npm install --save async-preloader

Usage

import AsyncPreloader from "async-preloader";

const pItems = AsyncPreloader.loadItems([
  { src: "/static/default" }, // A file without extension or loader specified uses `Response.text()`
  { id: "myTextFile", src: "/static/text.txt" },
  { id: "myJsonFile", src: "/static/json.json" },
  { id: "myImageFile", src: "/static/image.jpg" },
  { id: "myVideoFile", src: "/static/video.mp4" },
  { id: "myAudioFile", src: "/static/audio.mp3" },
  { id: "myXmlFile", src: "/static/xml.xml" },
  { id: "mySvgFile", src: "/static/xml.svg" },
  { id: "myHtmlFile", src: "/static/xml.html" },
  { loader: "Font", src: "Open Sans" } // src is the font name here https://github.com/bramstein/fontfaceobserver
]);

pItems
  .then(items => {
    console.log("All items loaded", items);

    const element = AsyncPreloader.items.get("myVideoFile");
    document.body.appendChild(element);
  })
  .catch(error => console.error("Error loading items", error));

License

MIT © Damien Seguin