npmpackage.info

Gathering detailed insights and metrics for rollup-plugin-index

Other packages similar to rollup-plugin-index

rollup-plugin-index-html

1.12.8

Plugin for generating a index html with rollup

rollup-plugin-indexer

3.1.1

Package to automate indexing before bundling of files in rollup.

rollup-plugin-resolve-index

0.0.5

Resolves index.js files with Rollup

@haensl/rollup-plugin-local-resolve

1.1.12

Rollup plugin to resolve relative imports from local folders without stating the index file

Gathering detailed insights and metrics for rollup-plugin-index

rollup-plugin-index - 1.1.4 | npmpackage.info

rollup-plugin-index

1.1.4

379.51 kB

Installations

npm install rollup-plugin-index

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.18.3

NPM Version

6.14.6 Releases

Unable to fetch releases

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

Maintainers

Package Meta Information

Latest Version

1.1.4

Package Id

rollup-plugin-index@1.1.4

Unpacked Size

379.51 kB

Size

93.93 kB

File Count

NPM Version

6.14.6

Node Version

12.18.3

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

parse5

Dev Dependencies

eslint eslint-config-airbnb-base eslint-plugin-import rollup rollup-plugin-commonjs rollup-plugin-node-resolve rollup-plugin-terser

rollup-plugin-index

A Rollup plugin to inject you assets into a HTML template.

Install

$ npm install -D rollup-plugin-index

Configure

Add to the plugins section of your rollup.config.js:

import Index from 'rollup-plugin-index'

export default {
  input: 'test/main.js',
  output: {
    file: 'dist/bundle.js',
    format: 'es'
  },
  plugins: [
    Index({
      source: 'index.html',
      compact: true
    })
  ]
}

Create your HTML template

<!DOCTYPE html>
<html>
  <head>
    <title> My Site! </title>
  </head>
  <body>
    <h1> Whoa! </h1>
  </body>
</html>

Generate!

$ npx rollup -c

And you should find something like this in dist/index.html:

<!DOCTYPE html><html><head><title> My Site! </title><script type="module" src="bundle.js"></script></head><body> <h1> Whoa! </h1> </body></html>

Since compact was set, all text nodes that are direct children of and are removed, and all text nodes in will be trimmed.

Options

source::

Template to use

compact:: (Default: false)

Should remove text node children from <html> and <head>.

target::

Filename / path to write output to.
If not specified, it will use the basename of the source file.

No vulnerabilities found.

No security vulnerabilities found.