I'm using gulp-svg-sprite, is it possible to create something like a snippet or mixin without pug to auto-paste the html path to a sprite in VS Code?

Question

Sprites

I'm using gulp-svg-sprite, is it possible to create a snippet/ mixin without PUG to auto-compose the path in html to the sprite? Those. when I write conditionally

<svg class="icon">
      <use xlink:href="img/sprite.svg#icon-id"></use>
</svg>

is it possible to implement something like a snippet or mixin to auto-paste the path to a sprite in VS Code?

Answer 1

In short, I learned that there is no unimaginable magic solution for solving such a problem without pug, but you can write all the statics into the snippet, i.e.

<svg class="icon">
      <use xlink:href="img/sprite.svg#"></use>
</svg>

id is not static, you need to write it manually. Either that, or use pug, but personally I don’t need a whole pug for the sake of one mixin yet.