svg-sprite-loader/examples/browser-sprite-with-dll-extract-mode/main.js

Webpack loader for creating SVG sprites

import symbolData from '../assets/twitter.svg';
import { dll } from './dll';

// => {id string, width: string, height: string, viewBox: string, url: string}

console.log(`main: ${symbolData}`);

window.addEventListener('DOMContentLoaded', () => {
  const image = `<img width="${symbolData.width}" height="${symbolData.height}" src="${symbolData.url}">`;
  const usage = `<svg viewBox="${symbolData.viewBox}"><use xlink:href="${symbolData.url}"></use></svg>`;

  document.body.insertAdjacentHTML('beforeend', `${image} ${usage}`);

  dll();
});