Name		Name	Last commit message	Last commit date
parent directory ..
result		result
sprites		sprites
.growing-cache.json		.growing-cache.json
.horizontal-cache.json		.horizontal-cache.json
Gruntfile.js		Gruntfile.js
README.md		README.md
package.json		package.json

README.md

example

Структура примера

example/
├─ Gruntfile.js
├─ sprites/
│   ├─ backward/
│   │  ├─ backward-0.png
│   │  ├─ backward-1.png
│   │  ├─ backward-2.png
│   │  ├─ backward-3.png
│   │  ├─ backward-4.png
│   │  ├─ backward-5.png
│   │  ├─ backward-6.png
│   │  └─ backward-7.png
│   └─ forward/
│       ├─ forward-0.png
│       ├─ forward-1.png
│       ├─ forward-2.png
│       ├─ forward-3.png
│       ├─ forward-4.png
│       ├─ forward-5.png
│       ├─ forward-6.png
│       └─ forward-7.png
└─ result/
   ├─ growing/
   │  ├─ backward.png
   │  └─ forward.png
   ├─ horizontal/
   │  ├─ backward.png
   │  └─ forward.png
   ├─ growing-json.json
   ├─ growing-less.less
   └─ horizontal-anim.less

`Gruntfile.js`

module.exports = function(grunt) {
  grunt.loadNpmTasks('grunt-sprite-builder');

  grunt.initConfig({
    'sprite-builder': {
      growing: {
        options: {
          method   : 'growing',
          cache    : false,
          hashname : false,
          templates: {
            json: './result/growing-json.json',
            less: './result/growing-less.less'
          }
        },
        src : './sprites/*/',
        dest: './result/growing/'
      },
      horizontal: {
        options: {
          method   : 'horizontal',
          trim     : false,
          cache    : false,
          hashname : false,
          templates: {
            anim: './result/horizontal-anim.less'
          }
        },
        src : './sprites/*/',
        dest: './result/horizontal/'
      }
    }
  });
};