Examples

[Mevrael]

Hi, could you provide some real examples. As I understand I can do something like

import htmlTemplate from './template.html';

document.body.innerHTML = htmlTemplate;

Can you use some kind of variables in template? If it returns an ES6 template string, then you could be able to call htmlTemplate(data);

[bdadam]

Hi @Mevrael, the main usecase for this plugin I have in mind is rather for other templating engines or libraries. E.g, Vue.js, Knockout.js or Handlebars work with plain HTML templates. This plugin is supposed to provide the ability to deliver your templates bundled with your JS code. The main thing I needed this plugin for is HTML minification.

import template from './template.html';
// template is minfied or otherwise modified according to the plugin settings in htmlMinifierOptions

Vue.component('some-element', {
    template: template,
    // ...
});

I think that your wish regarding template literals would be the job of a separate plugin.

[Mevrael]

I see, but isn't it what rollup string plugin already does?

[bdadam]

Unfortunately no. The rollup-plugin-string retrieves the whole text from the file and places it into the bundle. With this plugin I wanted to have HTML specific optimizations on the text (e.g. stripping whitespace, minifieing inline JS/CSS, remove unnecessary attribute quotes, etc.).

(PS: sorry for the late response.)