How to cache a part of the snippet during build time?

[Ashvith10]

In my project, there is a part of the snippet that converts Markdown and SVG to JavaScript. During development, I really don't care about the penalty it carries on performance, but on build, I want to cache the converted markdown file, so that it is attached to the JS code - basically, what I mean is, I want to make use of meta-programming here to append converted HTML strings in the placeholder location.

For example, here is the example SVG snippet:

<svg role="img" aria-label="Logo Ableton" class="main-nav__logo__image" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="45" height="21" viewBox="0 0 45 21" data-darkreader-inline-invert=""><path d="M0 0h3v21H0zM6 0h3v21H6zM12 0h3v21h-3zM18 0h3v21h-3zM24 18h21v3H24zM24 12h21v3H24zM24 6h21v3H24zM24 0h21v3H24z"></path></svg>

which will be converted to

svg({role: "img", "aria-label": "Logo Ableton", class: "main-nav__logo__image", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: "45", height: "21", viewBox: "0 0 45 21", "data-darkreader-inline-invert": ""},
  path({"d": "M0 0h3v21H0zM6 0h3v21H6zM12 0h3v21h-3zM18 0h3v21h-3zM24 18h21v3H24zM24 12h21v3H24zM24 6h21v3H24zM24 0h21v3H24z"}),
)

Is there any way to make sure that during the build process, I get to avoid having to make use of the convertor library, and have this cached in the function form?