title: Is it possible to create a bundle with Rollup that injects HTML from a template?
body: <p>I'm trying to build a IIFE (<a href="https://en.wikipedia.org/wiki/Immediately_invoked_function_expression" rel="nofollow noreferrer">immediately-invoked function expression</a>) bundle using <code>Rollup</code>.</p>
  
  <p>I would like to bundle all together my JS, CSS, and then some HTML which the Javascript depends on. Check this image to get an idea:</p>
  
  <p><a href="https://i.stack.imgur.com/trLWI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/trLWI.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to tell <code>Rollup</code> that my input (entry point) is <code>seguro-vida-hipoteca.js</code>, and have this file import my SCSS and HTML so it will be automatically injected when somebody uses my library?</p>
  
  <p>That would be, the resulting CSS in the head, and the HTML to some <code>div</code> that I would expect to exist in the dom, or just at the end of body.</p>