diff --git a/config/webpack/development.js b/config/webpack/development.js
index 7dfa2df11f0..398fcffe347 100644
--- a/config/webpack/development.js
+++ b/config/webpack/development.js
@@ -4,7 +4,7 @@ const merge = require('webpack-merge')
 const sharedConfig = require('./shared.js')
 
 module.exports = merge(sharedConfig, {
-  devtool: 'sourcemap',
+  devtool: 'cheap-module-eval-source-map',
 
   stats: {
     errorDetails: true
diff --git a/config/webpack/production.js b/config/webpack/production.js
index 494ccf7efc0..261bfdd70d2 100644
--- a/config/webpack/production.js
+++ b/config/webpack/production.js
@@ -8,6 +8,9 @@ const CompressionPlugin = require('compression-webpack-plugin')
 const sharedConfig = require('./shared.js')
 
 module.exports = merge(sharedConfig, {
+
+  devtool: 'source-map', // separate sourcemap file, suitable for production
+
   output: { filename: '[name]-[chunkhash].js' },
 
   plugins: [
@@ -19,7 +22,7 @@ module.exports = merge(sharedConfig, {
         comments: false
       },
 
-      sourceMap: false
+      sourceMap: true
     }),
     new CompressionPlugin({
       asset: '[path].gz[query]',