gulp-rename

What is gulp-rename?

The gulp-rename package is a plugin for Gulp that allows you to rename files easily. It provides a simple way to change the name, extension, or path of files in your Gulp build process.

What are gulp-rename's main functionalities?

Rename a file

This feature allows you to rename a file. In this example, 'src/file.txt' is renamed to 'renamed-file.txt' and saved in the 'dist' directory.

const gulp = require('gulp');
const rename = require('gulp-rename');

gulp.task('rename', function() {
  return gulp.src('src/file.txt')
    .pipe(rename('renamed-file.txt'))
    .pipe(gulp.dest('dist'));
});

Change file extension

This feature allows you to change the file extension. In this example, 'src/file.txt' is renamed to 'file.md' and saved in the 'dist' directory.

const gulp = require('gulp');
const rename = require('gulp-rename');

gulp.task('change-extension', function() {
  return gulp.src('src/file.txt')
    .pipe(rename({ extname: '.md' }))
    .pipe(gulp.dest('dist'));
});

Rename with a function

This feature allows you to use a function to rename files. In this example, 'src/file.txt' is renamed to 'file-renamed.md' and saved in the 'dist' directory.

const gulp = require('gulp');
const rename = require('gulp-rename');

gulp.task('rename-function', function() {
  return gulp.src('src/file.txt')
    .pipe(rename(function (path) {
      path.basename += '-renamed';
      path.extname = '.md';
    }))
    .pipe(gulp.dest('dist'));
});

Other packages similar to gulp-rename

gulp-rev

gulp-rev is a plugin for Gulp that allows you to append content hash to filenames, which is useful for cache busting. Unlike gulp-rename, which focuses on renaming files, gulp-rev is specifically designed for versioning files by appending a hash.

README

gulp-rename

gulp-rename is a gulp plugin to rename files easily.

Usage

gulp-rename provides simple file renaming methods.

var rename = require("gulp-rename");

// rename via string
gulp.src("./src/main/text/hello.txt")
	.pipe(rename("main/text/ciao/goodbye.md"))
	.pipe(gulp.dest("./dist")); // ./dist/main/text/ciao/goodbye.md

// rename via function
gulp.src("./src/**/hello.txt")
	.pipe(rename(function (path) {
		path.dirname += "/ciao";
		path.basename += "-goodbye";
		path.extname = ".md"
	}))
	.pipe(gulp.dest("./dist")); // ./dist/main/text/ciao/hello-goodbye.md

// rename via hash
gulp.src("./src/main/text/hello.txt", { base: process.cwd() })
	.pipe(rename({
		dirname: "main/text/ciao",
		basename: "aloha",
		prefix: "bonjour-",
		suffix: "-hola",
		extname: ".md"
	}))
	.pipe(gulp.dest("./dist")); // ./dist/main/text/ciao/bonjour-aloha-hola.md

See test/rename.spec.js for more examples and test/path-parsing.spec.js for hairy details.

Notes

• dirname is the relative path from the base directory set by gulp.src to the filename.
  • gulp.src() uses glob-stream which sets the base to the parent of the first directory glob (*, **, [], or extglob). dirname is the remaining directories or ./ if none. glob-stream versions >= 3.1.0 (used by gulp >= 3.2.2) accept a base option, which can be used to explicitly set the base.
  • gulp.dest() renames the directories between process.cwd() and dirname (i.e. the base relative to CWD). Use dirname to rename the directories matched by the glob or descendents of the base of option.
  • KNOWN ISSUE: The base set when using brace expansion may not be what you expect (See wearefractal/glob2base#1). Use the base option described above.
• basename is the filename without the extension like path.basename(filename, path.extname(filename)).
• extname is the file extension including the '.' like path.extname(filename).

License

MIT License