Измените имя смежного имени при использовании Spritesmith?

Question

Im используя Spritesmith создать спрайт изображения и предоставить мне Mixins для фоновых изображений:

https://github.com/twolfson/gulp.spritesmith

gulp.task('sprite-homepage', function() { 
    var spriteData = gulp.src('images/homepage/*.png').pipe(spritesmith({ 
    imgName: 'homepage-sprite.png', 
    cssName: '_homepage-sprite.scss' 
    })); 
    return spriteData.pipe(gulp.dest('build')); 
}); 

.something { 
    @include sprite($logo); 
} 

Это работает отлично, однако я хотел бы изменить подмешать имя. Это можно сделать?

.something { 
    @include sprite-homepage($logo); 
} 

Answer 1

Созданный файл SASS _homepage-sprite.scss содержит переменные для разных правил CSS. Он также создает подмешать вы можете использовать с этим:

@mixin sprite($sprite) { 
    @include sprite-image($sprite); 
    @include sprite-position($sprite); 
    @include sprite-width($sprite); 
    @include sprite-height($sprite); 
} 

Если вы импортировали этот сгенерированный SASS файл в свой собственный SASS файл, который вы могли бы переписать Mixin так:

@mixin some-other-name($sprite) { 
    @include sprite-image($sprite); 
    @include sprite-position($sprite); 
    @include sprite-width($sprite); 
    @include sprite-height($sprite); 
}