diff --git a/app.json b/app.json
index 92806bc2403..182595bdf56 100644
--- a/app.json
+++ b/app.json
@@ -4,6 +4,9 @@
   "env": {
     "YARN_PRODUCTION": {
       "required": true
+    },
+    "NODE_ENV": {
+      "required": true
     }
   },
   "formation": {
diff --git a/tophat/tsconfig.json b/tophat/tsconfig.json
index ea9efc63bad..42bd7ed2ffb 100644
--- a/tophat/tsconfig.json
+++ b/tophat/tsconfig.json
@@ -14,7 +14,7 @@
     "noUnusedLocals": true,
     "noEmitHelpers": true,
     "importHelpers": true,
-    "sourceMap": false,
+    "sourceMap": true,
     "lib": ["dom", "es2015", "es2016", "es2017", "dom.iterable", "scripthost"],
     "resolveJsonModule": true,
     "declaration": true,
diff --git a/tophat/webpack.config.js b/tophat/webpack.config.js
index d5eb2617a2c..a81d3555706 100644
--- a/tophat/webpack.config.js
+++ b/tophat/webpack.config.js
@@ -14,6 +14,7 @@ module.exports = {
     '@shopify/polaris/styles/global.scss',
     path.join(__dirname, 'index.tsx'),
   ],
+  devtool: 'source-map',
   output: {
     filename: '[name].js',
     path: path.resolve(__dirname, 'assets'),
@@ -70,6 +71,7 @@ module.exports = {
           {
             loader: 'awesome-typescript-loader',
             options: {
+              sourceMap: true,
               silent: true,
               useBabel: true,
               useCache: true,