@juxtacode/rollup-plugin-showprogress

@juxtacode/rollup-plugin-showprogress

Show current module being transpiled by the rollup bundler.

Installation

npm i @juxtacode/rollup-plugin-showprogress --save-dev

yarn add -D @juxtacode/rollup-plugin-showprogress

Usage

Include the following in the rollup config

Modern mode:

import { rollup } from 'rollup';
import progressbar from '@juxtacode/rollup-plugin-showprogress';

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 '@juxtacode/rollup-plugin-showprogress';

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 '@juxtacode/rollup-plugin-showprogress';

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