https://github.com/dustinspecker/gulp-modify-css-urls
Gulp plugin for modifying CSS URLs
https://github.com/dustinspecker/gulp-modify-css-urls
Last synced: 6 months ago
JSON representation
Gulp plugin for modifying CSS URLs
- Host: GitHub
- URL: https://github.com/dustinspecker/gulp-modify-css-urls
- Owner: dustinspecker
- License: mit
- Created: 2015-02-08T15:45:54.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2018-07-30T11:42:17.000Z (almost 7 years ago)
- Last Synced: 2025-01-06T05:12:34.142Z (6 months ago)
- Language: JavaScript
- Size: 48.8 KB
- Stars: 19
- Watchers: 4
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# gulp-modify-css-urls
[](http://badge.fury.io/js/gulp-modify-css-urls)
[](https://travis-ci.org/dustinspecker/gulp-modify-css-urls)
[](https://coveralls.io/r/dustinspecker/gulp-modify-css-urls?branch=master)[](https://david-dm.org/dustinspecker/gulp-modify-css-urls/#info=dependencies&view=table)
[](https://david-dm.org/dustinspecker/gulp-modify-css-urls/#info=devDependencies&view=table)
[](https://david-dm.org/dustinspecker/gulp-modify-css-urls/#info=peerDependencies&view=table)[](http://makeapullrequest.com)
[](http://commitizen.github.io/cz-cli/)
[](https://github.com/semantic-release/semantic-release)> Gulp plugin for modifying CSS URLs
## Install
`npm install --save-dev gulp-modify-css-urls`## Usage
### ES2015
```javascript
/* gulpfile.babel.js */
import gulp from 'gulp';
import modifyCssUrls from 'gulp-modify-css-urls';/* style.css
body {
background-image: url('images/logo.png');
}
*/
gulp.task('modifyUrls', () =>
gulp.src('style.css')
.pipe(modifyCssUrls({
modify(url, filePath) {
return `app/${url}`;
},
prepend: 'https://fancycdn.com/',
append: '?cache-buster'
}))
.pipe(gulp.dest('./'))
);
/* style.css
body {
background-image: url('https://fancycdn.com/app/images/logo.png?cache-buster');
}
*/
```### ES5
```javascript
/* gulpfile.js */
var gulp = require('gulp')
, modifyCssUrls = require('gulp-modify-css-urls');/* style.css
body {
background-image: url('images/logo.png');
}
*/
gulp.task('modifyUrls', function () {
return gulp.src('style.css')
.pipe(modifyCssUrls({
modify: function (url, filePath) {
return 'app/' + url;
},
prepend: 'https://fancycdn.com/',
append: '?cache-buster'
}))
.pipe(gulp.dest('./'));
});
/* style.css
body {
background-image: url('https://fancycdn.com/app/images/logo.png?cache-buster');
}
*/
```## Options
### modify
A function that is passed the current URL and file path and then returns the modified URL to replace the existent URL.**The modify function is always ran *before* append and prepend options.**
### append
A string that is appended to every URL.### prepend
A string that is prepended to every URL.## License
MIT