diff --git a/package.json b/package.json
index 86b88ab3..b902637f 100644
--- a/package.json
+++ b/package.json
@@ -54,13 +54,12 @@
     "gulp": "^3.9.1",
     "gulp-diff": "^1.0.0",
     "gulp-jsbeautifier": "^2.0.4",
-    "json-loader": "^0.5.4",
     "mocha": "^3.2.0",
     "mocha-circleci-reporter": "0.0.2",
     "npm-run-all": "^4.0.2",
     "spectron": "~3.4.1",
-    "webpack": "^1.14.0",
-    "webpack-merge": "^1.1.2"
+    "webpack": "^2.2.1",
+    "webpack-merge": "^3.0.0"
   },
   "build": {
     "appId": "com.mattermost.desktop",
diff --git a/webpack.config.main.js b/webpack.config.main.js
index 01d98fd5..0e7c2b43 100644
--- a/webpack.config.main.js
+++ b/webpack.config.main.js
@@ -8,12 +8,6 @@ module.exports = merge(base, {
   output: {
     filename: './dist/main.js'
   },
-  module: {
-    loaders: [{
-      test: /\.json$/,
-      loader: 'json'
-    }]
-  },
   node: {
     __filename: false,
     __dirname: false
diff --git a/webpack.config.renderer.js b/webpack.config.renderer.js
index 1b6827f6..1033d086 100644
--- a/webpack.config.renderer.js
+++ b/webpack.config.renderer.js
@@ -14,15 +14,14 @@ module.exports = merge(base, {
     filename: '[name].js'
   },
   module: {
-    loaders: [{
-      test: /\.json$/,
-      loader: 'json'
-    }, {
+    rules: [{
       test: /\.jsx$/,
-      loader: 'babel',
-      query: {
-        presets: ['react'],
-        plugins: ['transform-object-rest-spread']
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: ['react'],
+          plugins: ['transform-object-rest-spread']
+        }
       }
     }]
   },