rollup-plugin-progressbar

Rollup Progressbar Plugin

Usage no npm install needed!

<script type="module">
  import rollupPluginProgressbar from 'https://cdn.skypack.dev/rollup-plugin-progressbar';
</script>

README

rollup-plugin-progressbar

Show current module being transpiled by the rollup bundler.

Installation

npm i rollup-plugin-progressbar --save-dev

Usage

Include the following in the rollup config

Modern mode:

import { rollup } from 'rollup';
import progressbar from 'rollup-plugin-progressbar';

rollup({
  entry: 'main.js',
  plugins: [
    progressbar(),
  ],
}).then(bundle => bundle.write({ dest: 'bundle.js', format: 'iife' }));

With custom settings:

import { rollup } from 'rollup';
import progressbar from 'rollup-plugin-progressbar';

rollup({
  entry: 'main.js',
  plugins: [
    progressbar({
      modern: {
        format: '({value}/{total}): {file} {bar} {percentage}%', // default: 'Building... {bar} {percentage}% ({value}/{total}): {file}'
        preset: 'classic', // default: 'shades-grey'
      }
    }),
  ],
}).then(bundle => bundle.write({ dest: 'bundle.js', format: 'iife' }));

Legacy mode:

import { rollup } from 'rollup';
import progressbar from 'rollup-plugin-progressbar';

rollup({
  entry: 'main.js',
  plugins: [
    progressbar({
      modern: false, // default: true
      clearLine: false, // default: true
    }),
  ],
}).then(bundle => bundle.write({ dest: 'bundle.js', format: 'iife' }));