gem-hunter

rollup-plugin-html-scaffold

Installation

Options

Usage

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title><%= appName %></title>

    <style>
      body {
        position: relative;
        min-height: 100vh;
        padding: 0;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <script type="module" src="<%= es6Bundle %>"></script>
    <%= someCoolScript %>
  </body>
</html>

import html from 'rollup-plugin-html-scaffold';

export default {
  input: ['src/index.js'],
  output: {
    file: 'dist/bundle.js',
    format: 'es',
    sourcemap: true,
  },
  plugins: [
    html({
      input: 'src/index.html',
      output: 'index.html',
      template: {
        'appName': 'my-app',
        'es6Bundle': 'bundle.js',
        'someCoolScript': '<script>console.log('Too cool to live')</script>'
      }
    })
  ]
}