laravel-elixir-css-url-adjuster

KO | EN

gitlite — search

#javascript #hacktoberfest #go #golang #rust #deep-learning #macos #java #windows #awesome #kubernetes #security #openai #mcp

laravel-elixir-css-url-adjuster

(★ 11)

This is a simple gulp-css-url-adjuster wrapper ingredient for Laravel Elixir.

laravel-elixir-css-url-adjuster Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#CSS url adjuster Ingredient for Laravel Elixir 3

This is a simple [gulp-css-url-adjuster](https://github.com/casualrelaxation/gulp-css-url-adjuster) wrapper ingredient for Laravel Elixir 3.

## Installation

Using NPM to install Laravel Elixir css-url-adjuster and save your `packages.json`

**For laravel-elixir 3**
```
npm install --save-dev laravel-elixir-css-url-adjuster
```

**For Laravel-Elixir 2**
```
npm install --save-dev laravel-exlixir-css-url-adjuster@"^2.0"
```

## Usage

This package allows gulp to change css urls

css file:

```css
    .cool-background {
        background-image: url('coolImage.jpg');
    }
```
gulp file:

```javascript
    require('laravel-elixir-css-url-adjuster');

mix.urlAdjuster('style.css', {
        prepend: '/image_directory/',
        append: '?version=1'
    }, 'modifiedStyle.css');
```

after modified:

```css
    .cool-background {
        background-image: url('/image_directory/coolImage.jpg?version=1');
    }
```

only adjust relative paths:

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

.neato-background {
        background-image: url('/images/neatoImage.jpg');
    }
```

```javascript
    mix.urlAdjuster('style.css', {
        prependRelative: '/image_directory/'
    }, 'modifiedStyle.css');
```

```css
    .cool-background {
        background-image: url('/image_directory/coolImage.jpg');
    }

.neato-background {
        background-image: url('/images/neatoImage.jpg');
    }
```

or replace path to another:

```css
    .cool-background {
        background-image: url('/old/path/coolImage.jpg');
    }

.neato-background {
        background-image: url('/old/path/images/neatoImage.jpg');
    }
```

```javascript
    mix.urlAdjuster('style.css', {
        replace: ['/old/path', '/brand/new']
    }, 'modifiedStyle.css');
```

```css
    .cool-background {
        background-image: url('/brand/new/coolImage.jpg');
    }

.neato-background {
        background-image: url('/brand/new/images/neatoImage.jpg');
    }
```

## Bugs and Contributions

If you find a bug, please [post an issue on GitHub](https://github.com/farrrr/laravel-elixir-css-url-adjuster/issues) describing the problem.
Or better yet, make a pull request with the solution.

## License

This is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)

laravel-elixir-css-url-adjuster

laravel-elixir-css-url-adjuster Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

laravel-elixir-css-url-adjuster

laravel-elixir-css-url-adjuster Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README