# gulp-css-url-adjuster

> Adjust urls inside css

Latest version **0.2.3** (published 2014-12-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install gulp-css-url-adjuster
pnpm add gulp-css-url-adjuster
yarn add gulp-css-url-adjuster
bun add gulp-css-url-adjuster
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.3 |
| Published | 2014-12-16 |
| First published | 2014-03-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 42 |
| Author | Trent |
| Maintainers | relaxation |
| Keywords | gulpplugin, css, url, image |

## Links

- npm: https://www.npmjs.com/package/gulp-css-url-adjuster
- Repository: https://github.com/casualrelaxation/gulp-css-url-adjuster
- Issues: https://github.com/casualrelaxation/gulp-css-url-adjuster/issues
- npm.io page: https://npm.io/package/gulp-css-url-adjuster

## Dependencies (4)

- [rework](https://npm.io/package/rework.md) ~1.0.1
- [through2](https://npm.io/package/through2.md) ~1.0.0
- [gulp-util](https://npm.io/package/gulp-util.md) latest
- [rework-plugin-url](https://npm.io/package/rework-plugin-url.md) ~1.0.1

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 0.2.3 (latest) — 2014-12-16
- 0.1.2 — 2014-11-11
- 0.2.2 — 2014-10-09
- 0.2.1 — 2014-09-22
- 0.1.1 — 2014-09-11
- 0.1.0 — 2014-05-13
- 0.0.3 — 2014-04-17
- 0.0.2 — 2014-03-31
- 0.0.1 — 2014-03-31

## README

gulp-css-url-adjuster
=====================

This package allows gulp to change css urls

css file:

    .cool-background {
        background-image: url('coolImage.jpg');
    }

    var urlAdjuster = require('gulp-css-url-adjuster');

    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');
    }

---
_Source: https://npm.io/package/gulp-css-url-adjuster · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._