gulp rollup each下載 - gulp rollup each源代碼下載

gulp rollup each

其他類別

v2

下載

gulp-rollup-east

GULP插件進行匯總。
還有另一個允許輸入/輸出多個文件的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`

第一個參數與inputOptions相同。
但是， input選項是gulp.src()中指定的文件，因此不能將其指定為Gulp-Rollup-eht選項。

如果要啟用匯總cache ，請將isCache選項設置為true 。

 function scripts ( ) {
  return gulp
    . src ( [ 'src/**/*.js' ] )
    . pipe (
      rollupEach (
        {
          isCache : true // enable Rollup cache
        } ,
        {
          format : 'iife'
        }
      )
    )
    . pipe ( gulp . dest ( 'dist' ) )
}

`outputOptions`

第二個參數與outputOptions是相同的對象。
如果您省略了第二個參數，則第一個參數中的output更改為outputOptions 。

 function scripts ( ) {
  return gulp
    . src ( [ 'src/**/*.js' ] )
    . pipe (
      rollupEach ( {
        output : {
          // outputOptions
          format : 'iife'
        }
      } )
    )
    . pipe ( gulp . dest ( 'dist' ) )
}

您還可以傳遞將匯總選項對像作為參數返回的函數。該功能將接收乙烯基文件對象。

 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`

您可以指定第三個參數，以通過依賴關係替換rollup對象。如果您想使用新版本的匯總版本比Gulp-Rollup-eash所使用的，這很有用。

 function scripts ( ) {
  return gulp
    . src ( [ 'src/**/*.js' ] )
    . pipe (
      rollupEach (
        { } ,
        {
          format : 'iife'
        } ,

        // Passing rollup object
        require ( 'rollup' )
      )
    )
    . pipe ( gulp . dest ( 'dist' ) )
}