Yet Another Snippet to load global stylesheets

load-global-stylesheet-async.js

/*
  Usage: loadStyles([{
    href:
      'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons',
  },
  {
    href:
      'https://unpkg.com/bootstrap-material-design@4.0.0-beta.4/dist/css/bootstrap-material-design.min.css',
    integrity:
      'sha384',
  },
  {
    href: 'https://unpkg.com/normalize.css@^4.1.1',
  },
])
*/
const loadStyles = list => {
  return Promise.all(list.map((file) => {
    return new Promise((resolve, reject) => {
      const link = document.createElement('link');
      link.rel = 'stylesheet';
      
      Object.keys(file).forEach(propertyName => {
        link[propertyName] = file[propertyName];
      });

      link.onload = () => resolve();
      link.onerror = () => reject();
      
      document.body.appendChild(link);
    })
  }))
};

module exports loadStyles