rollup-plugin-generate-html-template
Auto-inject the resulting rollup bundle via script
and link
tags into an HTML template.
Installation
npm install --save-dev rollup-plugin-generate-html-template
Usage
// rollup.config.js; entry: 'src/index.js' dest: 'dist/js/bundle.js' plugins: ;
On final bundle generation the provided template file will have a script
tag injected directly above the closing body
tag with a link to the js bundle and similarly a link
tag above the closing head
to the css bundle. By default it uses the same file name and places it directly next to the JS bundle.
<!-- src/index.html --> Example <!-- dist/index.html --> Example
Options
template
: (required) The path to the source template.target
: The directory and file name to use for the html file generated with the bundle.attrs
: The attributes provided to the generated bundle script tag. Passed as an array of strings Example:attrs: ['async', 'defer]
will generate<script async defer src="bundle.js"></script>
replaceVars
: An object containing variables that will be replaced in the generated html. Example:replaceVars: { '__CDN_URL__': process.env.NODE_ENV === 'production' ? 'https://mycdn.com' : '' }
will replace all instances of__CDN_URL__
withhttp://mycdn.com
if the environment is production
License
MIT