Gulp-ex-replace NPM

gulp-ex-replace

A string replace plugin for gulp 3

What does this fork change

Bind current file path to the replace function at the last parameter (for current parameters ref to MDN)

This is useful when you want to replace the absolute path with relative path

/**
 * Ex: have two files
 * project/pages/home/index.html
 * project/js/common.js
 *
 * the index.html has an url: /js/common.js
 * want to replace the url with the relative url: ../../js/common.js
 *
 */
var replace = require('gulp-ex-replace');
var path = require('path');
gulp.task('replacement', function () {
  gulp.src(['file.txt'])
    .pipe(replace(/\/?js[^'")?]+\.js/g, function (match, _, __, filePath) {
      var fileDir = path.dirname(filePath);
      var url = ('project/' + math).replace('//', '/');
      return path.relative(fileDir, url);
    }))
    .pipe(gulp.dest('dist'));
});

Usage

First, install gulp-ex-replace as a development dependency:

npm install --save-dev gulp-ex-replace

Then, add it to your gulpfile.js:

Regex Replace

var replace = require('gulp-ex-replace');

gulp.task('templates', function(){
  gulp.src(['file.txt'])
    .pipe(replace(/foo(.{3})/g, '$1foo'))
    .pipe(gulp.dest('build/file.txt'));
});

String Replace

var replace = require('gulp-ex-replace');

gulp.task('templates', function(){
  gulp.src(['file.txt'])
    .pipe(replace('bar', 'foo'))
    .pipe(gulp.dest('build/file.txt'));
});

API

gulp-replace can be called with a string or regex.

replace(string, replacement, options)

string

Type: String

The string to search for.

replacement

Type: String or Function

The replacement string or function. If replacement is a function, it will be called once for each match and will be passed the string that is to be replaced.