gulp-rollup-2's Introduction

Gulp Rollup 2

A Gulp plugin for Rollup Javascript Module Bundler.

You can use before or after any gulp plugins with Rollup Api. Any map created by a gulp plugin like gulp-sourcemaps will be overriden if the sourcemap option of the rollup config is set to true;

Install

npm install --save-dev gulp-rollup-2

Usage

A - Inside the gulp pipe(): (between src() & dest() methods of gulp)

const gulp = require('gulp');
const gru2 = require('gulp-rollup-2');

gulp.task('bundle', () => 
  gulp.src('./src/**/*.js')
    .pipe(gru2.rollup({
           input: 'src/app.js',
        external: ['window'],
         plugins: [plugin1(), plugin2()],
           cache: true,
          output: [
            {
                   file: 'example.js',
                   name: 'example', 
                 format: 'umd',
                globals: {window: 'window'}
            },
            {
                   file: 'example.esm.bundle.js',
                 format: 'es',
                globals: {window: 'window'}
            },
        ]}))
    .pipe(gulp.dest('./dist'));
);

B - When it comes first...

The file path in the input option of the Rollup Api config object used in the src() method of gulp-rollup-2 plugin replaces the role of src() method of gulp.

const gulp = require('gulp');
const gru2 = require('gulp-rollup-2');

gulp.task('bundle', async () =>
  (await gru2.src(...opts))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('dist'));
);