Upgrading dependencies

karma.conf.js

@@ -18,7 +18,7 @@ module.exports = function(karma) {
           {
             test: /\.js$/,
             exclude: /node_modules/,
-            loader: 'babel'
+            loader: 'babel-loader'
           },
           {
             test: require.resolve('snapsvg'),

package.json

@@ -17,27 +17,27 @@
   },
   "devDependencies": {
     "babel-core": "^6.17.0",
-    "babel-loader": "^6.2.5",
+    "babel-loader": "^7.1.1",
     "babel-polyfill": "^6.3.14",
     "babel-preset-es2015": "^6.16.0",
     "babel-runtime": "^6.3.19",
     "canopy": "^0.2.0",
-    "css-loader": "^0.25.0",
+    "css-loader": "^0.28.4",
     "docco": "^0.7.0",
-    "extract-loader": "0.0.2",
+    "extract-loader": "^1.0.0",
-    "file-loader": "^0.9.0",
+    "file-loader": "^0.11.2",
     "folder-toc": "^0.1.0",
     "gulp": "^3.8.10",
-    "gulp-connect": "^4.2.0",
+    "gulp-connect": "^5.0.0",
     "gulp-docco": "0.0.4",
     "gulp-front-matter": "^1.3.0",
-    "gulp-hb": "^5.0.1",
+    "gulp-hb": "^6.0.2",
     "gulp-help": "^1.6.1",
-    "gulp-notify": "^2.0.1",
+    "gulp-notify": "^3.0.0",
     "gulp-rename": "^1.2.2",
     "gulp-util": "^3.0.7",
     "handlebars-layouts": "^3.1.2",
-    "imports-loader": "^0.6.5",
+    "imports-loader": "^0.7.1",
     "jasmine-core": "^2.4.1",
     "jscs": "^3.0.7",
     "karma": "^1.1.2",
@@ -45,13 +45,13 @@
     "karma-jasmine": "^1.0.2",
     "karma-notify-reporter": "^1.0.1",
     "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^1.8.0",
+    "karma-webpack": "^2.0.4",
     "lodash": "^4.6.1",
     "node-bourbon": "^4.2.3",
-    "node-sass": "^3.10.1",
+    "node-sass": "^4.5.3",
-    "sass-loader": "^4.0.2",
+    "sass-loader": "^6.0.6",
-    "snapsvg": "^0.4.0",
+    "snapsvg": "^0.5.1",
     "watchify": "^3.7.0",
-    "webpack": "^1.13.2"
+    "webpack": "^3.4.1"
   }
 }

webpack.config.js

@@ -24,7 +24,7 @@ module.exports = {
       {
         test: /\.js$/,
         exclude: /node_modules/,
-        loader: 'babel'
+        loader: 'babel-loader'
       },
       {
         test: require.resolve('snapsvg'),
@@ -37,7 +37,12 @@ module.exports = {
       {
         test: /\.scss$/,
         exclude: /node_modules/,
-        loader: 'file?name=css/[name].css!extract!css!sass?includePaths[]=' + bourbon.includePaths
+        loaders: [
+          'file-loader?name=css/[name].css',
+          'extract-loader',
+          'css-loader',
+          'sass-loader?includePaths[]=' + bourbon.includePaths
+        ]
       }
     ]
   }