diff --git a/packages/apps/webpack.config.js b/packages/apps/webpack.config.js
index da8af24075..bc9b451340 100644
--- a/packages/apps/webpack.config.js
+++ b/packages/apps/webpack.config.js
@@ -23,9 +23,9 @@ function createWebpack ({ alias = {}, context, name = 'index' }) {
 
   return {
     context,
-    devtool: isProd ? 'source-map' : false,
+    devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
     entry: `./src/${name}.js`,
-    mode: isProd ? 'production' : 'development',
+    mode: ENV,
     output: {
       path: path.join(context, 'build'),
       filename: `[name].[hash:8].js`,
diff --git a/packages/ui-identicon/webpack.config.js b/packages/ui-identicon/webpack.config.js
index 16c91129d8..e93ce152fe 100644
--- a/packages/ui-identicon/webpack.config.js
+++ b/packages/ui-identicon/webpack.config.js
@@ -3,10 +3,14 @@
 // of the ISC license. See the LICENSE file for details.
 // @flow
 
+const ENV = process.env.NODE_ENV || 'development';
+const isProd = ENV === 'production';
+
 module.exports = {
   context: __dirname,
+  devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
   entry: './src/demo.js',
-  mode: 'development',
+  mode: ENV,
   output: {
     path: __dirname,
     filename: './demo.js'
diff --git a/packages/ui-react-rx/webpack.config.js b/packages/ui-react-rx/webpack.config.js
index c0200c9d37..1c41b574c3 100644
--- a/packages/ui-react-rx/webpack.config.js
+++ b/packages/ui-react-rx/webpack.config.js
@@ -3,10 +3,14 @@
 // of the ISC license. See the LICENSE file for details.
 // @flow
 
+const ENV = process.env.NODE_ENV || 'development';
+const isProd = ENV === 'production';
+
 module.exports = {
   context: __dirname,
+  devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
   entry: './src/demo.js',
-  mode: 'development',
+  mode: ENV,
   output: {
     path: __dirname,
     filename: './demo.js'
diff --git a/packages/ui-react/webpack.config.js b/packages/ui-react/webpack.config.js
index ee1a123d60..8b9adf988d 100644
--- a/packages/ui-react/webpack.config.js
+++ b/packages/ui-react/webpack.config.js
@@ -4,11 +4,14 @@
 // @flow
 
 const path = require('path');
+const ENV = process.env.NODE_ENV || 'development';
+const isProd = ENV === 'production';
 
 module.exports = {
   context: __dirname,
+  devtool: isProd ? 'source-map' : 'cheap-eval-source-map',
   entry: './src/demo.js',
-  mode: 'development',
+  mode: ENV,
   output: {
     path: __dirname,
     filename: './demo.js'