[chore] build svg as srpites from webpack

.gitignore

@@ -13,3 +13,5 @@ locales
 !build/server/locales
 
 client/public
+
+!.gitkeep

client/app/styles/components/_icons.styl

@@ -6,11 +6,11 @@
     margin  1em auto
 
     &.google-services
-        background-image    url('../assets/img/sprites/google-services-sprite.png')
+        background-image    url('../assets/img/google-services-sprite.png')
         background-position 0 0
 
     &.calendar-contacts
-        background-image    url('../assets/img/sprites/cozy-icons-sprite.svg')
+        background-image    url('../assets/img/cozy-icons-sprite.svg')
         background-position -384px 0
 
 // google icons
@@ -19,7 +19,7 @@
     height           48px
     width            48px
     @extend          $marged-hz-01
-    background-image url('../assets/img/sprites/google-services-sprite.png')
+    background-image url('../assets/img/google-services-sprite.png')
 
     &.gmail
         background-position -120px 0

client/app/styles/components/_popup.styl

@@ -25,7 +25,7 @@ header
     height              $header-size
     border-radius       100%
     background-color    #ffffff
-    background-image    url('../assets/img/sprites/cozy-icons-sprite.svg')
+    background-image    url('../assets/img/cozy-icons-sprite.svg')
     background-position 0 0
     @extend             $shadow-depth-01
 

client/webpack.config.js

@@ -42,9 +42,14 @@ var loaders = [
         test: /\.json$/,
         loader: 'json'
     },
+    {
+        test: /\.svg$/,
+        include: /sprites/,
+        loader: 'svg-sprite?name=[name]_[hash]'
+    },
     {
         test: /\.(png|gif|jpe?g|svg)$/i,
-        exclude: /vendor/,
+        exclude: /(vendor|sprites)/,
         loader: 'file?name=' + imgPath
     }
 ];

package.json

@@ -51,6 +51,7 @@
     "npm-run-all": "1.7.0",
     "rewire": "2.5.1",
     "sinon": "1.17.4",
+    "svg-sprite-loader": "0.0.29",
     "webpack": "1.12.15",
     "xmlhttprequest": "1.8.0"
   },