Плагин Gulp для Rollup.
Еще один плагин Gulp-Rollup, который позволяет вводить/выводить несколько файлов для статического сайта.
npm
npm i gulp-rollup-each
const gulp = require ( 'gulp' )
const rollupEach = require ( 'gulp-rollup-each' )
function scripts ( ) {
return gulp
. src ( [
'src/**/*.js' ,
'!src/**/_*' // exclude modules
] )
. pipe (
rollupEach ( {
output : {
// outputOptions
format : 'iife'
}
} )
)
. pipe ( gulp . dest ( 'dist' ) )
}
с Sourcemaps и Buble
const gulp = require ( 'gulp' )
const sourcemaps = require ( 'gulp-sourcemaps' )
const rollupEach = require ( 'gulp-rollup-each' )
const buble = require ( '@rollup/plugin-buble' )
function scripts ( ) {
return gulp
. src ( [
'src/**/*.js' ,
'!src/**/_*' // exclude modules
] )
. pipe ( sourcemaps . init ( ) )
. pipe (
rollupEach (
{
// inputOptions
external : [ 'jquery' ] ,
plugins : [
buble ( {
target : {
ie : 11
}
} )
] ,
isCache : true // enable Rollup cache
} ,
{
// outputOptions
format : 'iife' ,
globals : {
jquery : 'jQuery'
}
}
)
)
. pipe ( sourcemaps . write ( ) )
. pipe ( gulp . dest ( 'dist' ) )
}
rollupEach(inputOptions [[, outputOptions], rollup])
inputOptions
1 -й аргумент - тот же объект, что и inputOptions
.
Тем не менее, опция input
-это файл, указанный в gulp.src()
, поэтому он не может быть указан как вариант gulp-rollup-e-emop.
Если вы хотите включить cache
рулона, установите опцию isCache
на true
.
function scripts ( ) {
return gulp
. src ( [ 'src/**/*.js' ] )
. pipe (
rollupEach (
{
isCache : true // enable Rollup cache
} ,
{
format : 'iife'
}
)
)
. pipe ( gulp . dest ( 'dist' ) )
}
outputOptions
2 -й аргумент - это тот же объект, что и outputOptions
.
Если вы опустите 2 -й аргумент, output
в 1 -м аргументе изменяется на outputOptions
.
function scripts ( ) {
return gulp
. src ( [ 'src/**/*.js' ] )
. pipe (
rollupEach ( {
output : {
// outputOptions
format : 'iife'
}
} )
)
. pipe ( gulp . dest ( 'dist' ) )
}
Вы также можете передать функцию, которая возвращает объект параметров RULLUP в качестве аргумента. Функция получит виниловый файл объект.
const path = require ( 'path' )
const gulp = require ( 'gulp' )
const rollupEach = require ( 'gulp-rollup-each' )
function scripts ( ) {
return gulp
. src ( [ 'src/**/*.js' ] )
. pipe (
rollupEach (
{
external : [ /* ... */ ] ,
plugins : [ /* ... */ ]
} ,
file => {
return {
format : 'umd' ,
name : path . basename ( file . path , '.js' )
}
}
)
)
. pipe ( gulp . dest ( 'dist' ) )
}
rollup
Вы можете указать 3 -й аргумент для замены объекта rollup
вашей зависимости. Это полезно, если вы хотите использовать новую версию Rollup, чем используется gulp-rollup-
function scripts ( ) {
return gulp
. src ( [ 'src/**/*.js' ] )
. pipe (
rollupEach (
{ } ,
{
format : 'iife'
} ,
// Passing rollup object
require ( 'rollup' )
)
)
. pipe ( gulp . dest ( 'dist' ) )
}
Грань