Webpack 3

package.json

@@ -40,7 +40,7 @@
     "eslint-config-xo": "^0.17.0",
     "eslint-plugin-angular": "^1.4.1",
     "eslint-plugin-jasmine": "^2.8.4",
-    "file-loader": "^0.9.0",
+    "file-loader": "^1.1.6",
     "gulp": "^3.9.1",
     "gulp-concat": "^2.6.0",
     "gulp-extend": "^0.2.0",
@@ -54,7 +54,6 @@
     "jasmine": "^2.9.0",
     "jasmine-spec-reporter": "^4.2.1",
     "js-yaml": "^3.10.0",
-    "json-loader": "^0.5.7",
     "karma": "^1.7.1",
     "karma-chrome-launcher": "^2.2.0",
     "karma-firefox-launcher": "^1.1.0",
@@ -69,10 +68,10 @@
     "nodemon": "^1.12.1",
     "raw-loader": "*",
     "run-sequence": "^2.2.0",
-    "sass-loader": "^4.1.1",
-    "style-loader": "^0.13.1",
-    "webpack": "^2.2.0",
-    "webpack-dev-server": "^2.2.0",
+    "sass-loader": "^6.0.6",
+    "style-loader": "^0.20.1",
+    "webpack": "^3.10.0",
+    "webpack-dev-server": "^2.11.1",
     "yaml-loader": "^0.5.0"
   },
   "scripts": {

webpack.config.js

@@ -17,7 +17,7 @@ var config = {
         chunkFilename: 'chunk.[name].[chunkhash].js'
     },
     module: {
-        loaders: [
+        rules: [
             {
                 test: /\.js$/,
                 loader: 'babel-loader',
@@ -45,10 +45,9 @@ var config = {
     },
     resolve: {
         modules: [
-            path.join(__dirname, 'client'),
+            `${__dirname}/client`,
             __dirname,
-            'node_modules',
-            '/usr/lib/node_modules'
+            'node_modules'
         ]
     },
     plugins: [