1. vinyl-transform
Use standard text transform streams to write fewer gulp plugins
vinyl-transform
Package: vinyl-transform
Created by: hughsk
Last modified: Tue, 28 Jun 2022 17:32:36 GMT
Version: 1.0.0
License: MIT
Downloads: 7,351
Repository: https://github.com/hughsk/vinyl-transform

Install

npm install vinyl-transform
yarn add vinyl-transform

vinyl-transform Flattr this!experimental

vinyl-transform wraps standard text transform streams so you can
write fewer gulp plugins.
Fulfills a similar use case to vinyl-map
and vinyl-source-stream.

This module lets you take your standard text transform streams from npm,
(e.g. envify), and use them in a
vinyl pipeline. It'll transparently take care of
handling both buffered and streaming vinyl instances for you too.

Usage

vinyl-transform

createStream(transformFn)

Creates a vinyl transform stream. transformFn(filename) is a function which
takes the file's path and returns a text transform stream. If you've used
browserify's
transform API
you'll recognise this pattern: it's effectively the same API used here.

Here's an example of using this to... uppercase a bunch of files:

 var transform = require('vinyl-tranform')
var map = require('map-stream')
var gulp = require('gulp')

gulp.task('uppercase', function() {
  var uppercaser = transform(function(filename) {
    return map(function(chunk, next) {
      return next(null, chunk.toString().toUpperCase())
    })
  })

  gulp.src('*.txt')
    .pipe(uppercaser)
    .pipe(gulp.dest('dist/'))
})

And convert .gif images into .webm videos:

 var createGIFStream = require('gif-video')
var transform = require('vinyl-transform')
var gulp = require('gulp')

gulp.task('gif-to-webm', function() {
  gulp.src('images/*.gif')
    .pipe(transform(createGIFStream))
    .pipe(gulp.dest('dist/videos/'))
})

Or inject scripts into your HTML:

 var transform = require('vinyl-transform')
var inject = require('script-injector')
var gulp = require('gulp')

gulp.task('pages', function() {
  var injector = transform(function() {
    return inject(function() {
      console.log('this script wasn\'t here before')
    })
  })

  gulp.src('*.html')
    .pipe(injector)
    .pipe(gulp.dest('dist/'))
})

License

MIT. See LICENSE.md for details.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code