Skip to content

mcfedr/gulp-unused-images

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Unused Images

Attempts to list all the images that are not referenced in your html and css.

Images are match by filename only. This is because its likely that the 'filesystem' that a browser will see is very different from the one that gulp sees.

Images with absolute urls will also be ignored.

Usage

Stream all the images, css and html files that you have into it, it emits errors, so use plumber to catch and see them

gulp.task('images:filter', function () {
    return gulp.src(['app/images/**/*', '.tmp/styles/**/*.css', 'app/*.html', 'app/partials/**/*.html'])
        .pipe(plumber())
        .pipe(unusedImages())
        .pipe(plumber.stop());
});

Options

options.log

  • Type: Boolean
  • Default: true

Whether to emit errors for unused images

Output

The output lists the images that it found no references to and any ng-src attributes that it saw, allowing you to try and decided what that would refer to

Error: Unused images: arrow_grey_right.png, bg-circel-not-empty-small.png
ng-src: {{ app.iconUrl || 'images/generic_android_icon.png' }}

About

Attempts to list images that are not used

Resources

License

Stars

Watchers

Forks

Packages

No packages published