Added 'grunt-svg-sprite' plugin

The plugin replaces 'svgmin' and 'svgstore' with an all-in-one and highly flexible solution for managing SVG assets.

Changes:
- Deleted 'assets/images/sprite/', SVG images can live anywhere within the source image directory;
- When compiled to 'www/assets/images/sprite.svg', the plugin generates an HTML file in 'assets/images/sprite.symbol.html' that serves as an index of the spritesheet's contents;
- A separator ("--") is used when traversing a directory structure for the symbol ID (e.g, 'sprite.svg#icons--social--twitter');

Gruntfile.js

@@ -32,5 +32,4 @@ module.exports = function (grunt)
 			}
 		}
 	});
-
 };

build/grunt/config/aliases.json

@@ -17,8 +17,7 @@
 		"browserify:prod",
 		"concat:prod",
 		"uglify",
-		"svgstore",
+		"svg_sprite",
-		"svgmin",
 		"notify:build"
 	],
 

build/grunt/config/svg_sprite.js

@@ -0,0 +1,29 @@
+module.exports = {
+	options : {
+		svg: {
+			xmlDeclaration       : false,
+			namespaceIDs         : true,
+			doctypeDeclaration   : false,
+            cleanupNumericValues : true,
+            removeTitle          : true,
+            removeDesc           : true
+		}
+	},
+	prod: {
+		expand  : true,
+		cwd     : '<%= paths.img.src %>',
+		src     : [ '**/*.svg', '!sprite.svg' ],
+		dest    : '<%= paths.img.dist %>',
+		options : {
+			mode: {
+				symbol: {
+					dest    : '.',
+					sprite  : 'sprite.svg',
+					example : {
+						dest: '../../../build/sprite.symbol.html'
+					}
+				}
+			}
+		}
+	}
+}

build/grunt/config/svgmin.js

@@ -1,22 +0,0 @@
-module.exports = {
-	options: {
-		plugins: [
-			{ removeViewBox: false },
-			{ cleanupIDs: false },
-			{ convertPathData: false },
-			{ mergePaths: false },
-			{ convertShapeToPath: false },
-			{ cleanupNumericValues: false },
-			{ convertTransform: false },
-			{ removeUselessStrokeAndFill: false },
-			{ removeTitle: true },
-			{ removeDesc: true }
-		]
-	},
-	dist: {
-		expand : true,
-		cwd    : '<%= paths.img.dist %>',
-		src    : '*.svg',
-		dest   : '<%= paths.img.dist %>'
-	}
-};

build/grunt/config/svgstore.js

@@ -1,8 +0,0 @@
-module.exports = {
-	options: {},
-	prod: {
-		files: {
-			'<%= paths.img.dist %>/sprite.svg': [ '<%= paths.img.src %>/sprite/*.svg' ]
-		}
-	}
-};

build/grunt/config/watch.js

@@ -13,7 +13,7 @@ module.exports = {
 	},
 	svg: {
 		files: [ '<%= paths.img.src %>/**/*.svg' ],
-		tasks: [ 'svgstore', 'notify:svg' ]
+		tasks: [ 'svg_sprite', 'notify:svg' ]
 	},
 	tasks: {
 		options: {

package.json

@@ -24,8 +24,7 @@
     "grunt-phplint": "0.0.0",
     "grunt-postcss": "0.0.0",
     "grunt-sass": "0.0.0",
-    "grunt-svgmin": "0.0.0",
+    "grunt-svg-sprite": "0.0.0",
-    "grunt-svgstore": "0.0.0",
     "load-grunt-config": "0.0.0",
     "postcss-banner": "0.0.0",
     "svg4everybody": "0.0.0"

www/assets/images/sprite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"/>