1. gulp-tag-version
Tag git repository with current package version
gulp-tag-version
Package: gulp-tag-version
Created by: ikari-pl
Last modified: Sat, 18 Jun 2022 18:06:10 GMT
Version: 1.3.1
License: BSD-2-Clause
Downloads: 10,397
Repository: https://github.com/ikari-pl/gulp-tag-version

Install

npm install gulp-tag-version
yarn add gulp-tag-version

gulp-tag-version

npm
npm
npm

Tag git repository with current package version (gulp plugin).

It will read the version attribute (by default, override with key option) from the JSON stream (probably your package.json or bower.json), prefixes it with "v" (override with prefix option) and tags the repository (effectively issues the git tag <tagname> command) with such created tagname (e.g. v1.2.3).

Simple example gulpfile

 var gulp = require('gulp'),
    tagVersion = require('gulp-tag-version');

// Assuming there's "version: 1.2.3" in package.json,
// tag the last commit as "v1.2.3"
gulp.task('tag', function() {
  return gulp.src(['./package.json']).pipe(tagVersion());
});

Advanced example gulpfile (with bumping and commiting)

 
// dependencies
var gulp = require('gulp'),
    git = require('gulp-git'),
    bump = require('gulp-bump'),
    filter = require('gulp-filter'),
    tagVersion = require('gulp-tag-version');

/**
 * Bumping version number and tagging the repository with it.
 * Please read http://semver.org/
 *
 * You can use the commands
 *
 *     gulp patch     # makes v0.1.0 → v0.1.1
 *     gulp feature   # makes v0.1.1 → v0.2.0
 *     gulp release   # makes v0.2.1 → v1.0.0
 *
 * To bump the version numbers accordingly after you did a patch,
 * introduced a feature or made a backwards-incompatible release.
 */

function inc(importance) {
    // get all the files to bump version in
    return gulp.src(['./package.json', './bower.json'])
        // bump the version number in those files
        .pipe(bump({type: importance}))
        // save it back to filesystem
        .pipe(gulp.dest('./'))
        // commit the changed version number
        .pipe(git.commit('bumps package version'))

        // read only one file to get the version number
        .pipe(filter('package.json'))
        // **tag it in the repository**
        .pipe(tagVersion());
}

gulp.task('patch', function() { return inc('patch'); })
gulp.task('feature', function() { return inc('minor'); })
gulp.task('release', function() { return inc('major'); })

Other features/remarks

  • If you need any special tagging options to be passed down to git.tag, just add it to the tagVersion options. For example:
 gulp.task('bump_submodule', function(){
    return gulp.src('./bower.json',  { cwd: './dist' })
        .pipe(bump({type: 'patch'}))
        .pipe(gulp.dest('./',{ cwd: './dist' }))
        .pipe(git.commit('bumps package version',{cwd: './dist'}))
        .pipe(filter('bower.json'))
        .pipe(tagVersion({cwd: './dist'}));
});
  • If you don't want the version number to be read from the input stream, use the version parameter:
return gulp.src ...
  ...
  .pipe(tagVersion({version: '1.2.3'}));

Thanks :beer:

  • to guys and gals from Fractal for Gulp itself, obviously
  • to Steve Lacy (http://slacy.me) for creating gulp-bump and gulp-git used here
  • The main file structure is based on gulp-bump a bit as well (this is my first plugin :))
  • To @pacemkr for the first pull request I ever got (supporting empty prefix)
  • To @lapanoid for passing opts down to git.tag
  • To @brianmhunt for suggesting the version parameter
  • To @adambuczynski for option to customize tag label
  • To @mjeanroy for a gulp-util obsoletion update

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin