Gulp-extname NPM

gulp-extname

gulp plugin to dynamically rewrite dest extensions based on src extensions.

(TOC generated by verb using markdown-toc)

Install

Install with npm:

$ npm i gulp-extname --save

Usage

var gulp = require('gulp');
var extname = require('gulp-extname');

gulp.task('default', function() {
  gulp.src('styles.less')
    .pipe(extname())
    .pipe(gulp.dest('dist/css'));
    //=> dist/css/styles.css
});

Define extension

Explicitly pass an extension to use. Any of these will work:

.pipe(extname('.foo'))

// or
.pipe(extname('foo'))

// or
.pipe(extname({ext: 'foo'}))

Extension mappings

The following extensions are mapped automatically:

// html
.md    //=> .html
.hbs   //=> .html
.swig  //=> .html
.tmpl  //=> .html
.html  //=> .html
.htm   //=> .html

// css
.less  //=> .css
.styl  //=> .css
.sass  //=> .css
.scss  //=> .css
.css   //=> .css

// js
.coffee//=> .js
.js    //=> .js

Add extension mappings, or use rewrite-ext for non-gulp projects.

Related projects

gulp-dest: Gulp plugin for easily defining destination paths using path variables. | homepage
gulp-format-md: Gulp plugin for beautifying markdown using pretty-remarkable. | homepage
gulp-htmlmin: gulp plugin to minify HTML. | homepage
gulp-prettify: Prettify, format, beautify HTML. | homepage
gulp-routes: Add middleware to run for specified routes in your gulp pipeline. | homepage