Electron: dynamic include JS and/or CSS from a dependency in renderer process

electron-dynamic-include.js

// Install 'module-name' as a dependency, then:

function init () {
  return new Promise ((resolve, reject) => {
    const injectScript = (src, callback) => {
      const script = document.createElement('script');
      document.head.appendChild(script);
      script.onload = callback;
      script.src = src;
    };

    const injectStylesheet = (src) => {
      const link = document.createElement('link');
      link.rel = 'stylesheet';
      link.href = src;
      document.head.appendChild(link);
    };

    const cssPath = require.resolve("module-name/dist/styles.css");
    const jsPath = require.resolve("module-name/dist/module.js");
    injectStylesheet(cssPath);
    injectScript(jsPath, resolve);
  });
}

module.exports = () => {
  init().then(() => {
    // Do stuff...
  });
};