xiaofu-ruoyi-vue/node_modules/svg-sprite-loader/examples/browser-sprite-extract-mode

Default browser runtime example

In browser sprite is rendered and injected in page automatically, you just refer to images via <svg><use xlink:href="#id"></use></svg>.

Demo

Input

import twitterIcon from '../assets/twitter.svg';

Reference in HTML

<svg>
  <use xlink:href="#twitter"></use>
</svg>

Input

• main.js
• demo.html
• webpack.config.js

Output

• build/main.js