Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    gulp-css-replace-urlpublic

    gulp-css-url-adjuster

    Installation

    npm install --save-dev gulp-css-replace-url
     

    Usage


    This package allows gulp to change css urls

    css file:

    .cool-background {
        background-image: url('coolImage.jpg');
    }
    var urlAdjuster = require('gulp-css-replace-url');
     
    gulp.src('style.css').
      pipe(urlAdjuster({
        prepend: '/image_directory/',
        append: '?version=1',
      }))
      .pipe(gulp.dest('modifiedStyle.css'));
    .cool-background {
        background-image: url('/image_directory/coolImage.jpg?version=1');
    }

    only adjust relative paths:

    .cool-background {
        background-image: url('coolImage.jpg');
    }
     
    .neato-background {
        background-image: url('/images/neatoImage.jpg');
    }
    gulp.src('style.css').
      pipe(urlAdjuster({
        prependRelative: '/image_directory/',
      }))
      .pipe(gulp.dest('modifiedStyle.css'));
    .cool-background {
        background-image: url('/image_directory/coolImage.jpg');
    }
     
    .neato-background {
        background-image: url('/images/neatoImage.jpg');
    }

    or replace path to another:

    .cool-background {
        background-image: url('/old/path/coolImage.jpg');
    }
     
    .neato-background {
        background-image: url('/old/path/images/neatoImage.jpg');
    }
    gulp.src('style.css').
      pipe(urlAdjuster({
        replace:  ['/old/path','/brand/new'],
      }))
      .pipe(gulp.dest('modifiedStyle.css'));
    .cool-background {
        background-image: url('/brand/new/coolImage.jpg');
    }
     
    .neato-background {
        background-image: url('/brand/new/images/neatoImage.jpg');
    }

    install

    npm i gulp-css-replace-url

    Downloadsweekly downloads

    201

    version

    0.2.4

    license

    MIT

    homepage

    github.com

    repository

    githubgithub

    last publish

    collaborators

    • avatar