diff --git a/package.json b/package.json
index 3be9bcf97..1bd997153 100644
--- a/package.json
+++ b/package.json
@@ -43,8 +43,8 @@
   "peerDependencies": {
     "bufferutil": "^3.0.0",
     "erlpack": "discordapp/erlpack",
-    "sodium": "^2.0.0",
     "libsodium-wrappers": "^0.7.0",
+    "sodium": "^2.0.0",
     "uws": "^9.14.0",
     "zlib-sync": "^0.1.0"
   },
@@ -54,7 +54,8 @@
     "eslint": "^4.17.0",
     "json-filter-loader": "^1.0.0",
     "uglifyjs-webpack-plugin": "^1.1.8",
-    "webpack": "^3.11.0"
+    "webpack": "^4.5.0",
+    "webpack-cli": "^2.0.14"
   },
   "engines": {
     "node": ">=8.0.0"
diff --git a/webpack.config.js b/webpack.config.js
index 664f0ff27..c4ec147af 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -24,6 +24,7 @@ const filename = `discord${process.env.VERSIONED ? `.${version}` : ''}${prod ? '
 
 module.exports = {
   entry: './src/index.js',
+  mode: prod ? 'production' : 'development',
   output: {
     path: path.resolve('./webpack'),
     filename,
@@ -35,6 +36,7 @@ module.exports = {
       { test: /\.md$/, loader: 'ignore-loader' },
       {
         test: require.resolve('./package.json'),
+        type: 'javascript/auto',
         use: {
           loader: 'json-filter-loader',
           options: {