diff --git a/package.json b/package.json
index 4d8ecb531..510581c1c 100644
--- a/package.json
+++ b/package.json
@@ -58,10 +58,8 @@
     },
     "scripts": {
         "build:filemanager": "./node_modules/babel-cli/bin/babel.js public/themes/pterodactyl/js/frontend/files/src --source-maps --out-file public/themes/pterodactyl/js/frontend/files/filemanager.min.js",
-        "watch": "./node_modules/gulp-cli/bin/gulp.js watch",
-        "build": "./node_modules/gulp-cli/bin/gulp.js default",
-        "build:components": "./node_modules/gulp-cli/bin/gulp.js components",
-        "build:styles": "./node_modules/gulp-cli/bin/gulp.js styles",
-        "build:scripts": "./node_modules/gulp-cli/bin/gulp.js scripts"
+        "watch": "APP_ENV=development ./node_modules/.bin/webpack --watch",
+        "build:dev": "APP_ENV=development ./node_modules/.bin/webpack",
+        "build:prod": "APP_ENV=production ./node_modules/.bin/webpack"
     }
 }
diff --git a/webpack.config.js b/webpack.config.js
index 2e9ce5e47..61c320a2d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,7 +20,7 @@ class TailwindExtractor {
 }
 
 module.exports = {
-    mode: 'development',
+    mode: process.env.APP_ENV,
     devtool: 'source-map',
     performance: {
         hints: false,