Process CSS stylesheets to generate sprite images.
npm install grunt-contrib-spritify> Process CSS stylesheets to generate sprite images.
This uses the spritify PHP component.
~0.4.5If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install grunt-contrib-spritify --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('grunt-contrib-spritify');
to the data object passed into grunt.initConfig().`js
grunt.initConfig({
spritify: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
});
`$3
#### options.input
Type:
String#### options.output
Type:
String#### options.png
Type:
String
Default value: sprites.png#### options.noRandParam
Type:
boolean
Default value: false$3
`js
grunt.initConfig({
spritify: {
spritesheet: {
options: {
input: 'css/input.css',
output: 'css/sprited.css',
png: 'images/sprites.png'
}
}
},
});
``