From 33bd9d47825562974173c469e1d9aa30e7ce5a3b Mon Sep 17 00:00:00 2001
From: Surinder Kumar <surinder.kumar@enterprisedb.com>
Date: Wed, 9 Aug 2017 16:30:30 +0530
Subject: [PATCH] Enable source maps for debugging purpose in all webpack
 modules (except for vendor, and codemirror).

---
 web/webpack.config.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/webpack.config.js b/web/webpack.config.js
index 7f220a03d..edf6693f0 100644
--- a/web/webpack.config.js
+++ b/web/webpack.config.js
@@ -91,6 +91,15 @@ const hardSourceWebpackPlugin = new HardSourceWebpackPlugin({
   },
 });
 
+// Helps in debugging each single file, it extracts the module files
+// from bundle so that they are accessible by search in Chrome's sources panel.
+// Reference: https://webpack.js.org/plugins/source-map-dev-tool-plugin/#components/sidebar/sidebar.jsx
+const sourceMapDevToolPlugin = new webpack.SourceMapDevToolPlugin({
+  filename: '[name].js.map',
+  exclude: ['vendor.js', 'codemirror.js'],
+  columns: false,
+});
+
 module.exports = {
   stats: { children: false },
   // The base directory, an absolute path, for resolving entry points and loaders
@@ -306,5 +315,6 @@ module.exports = {
     pgAdminCommonChunks,
     providePlugin,
     hardSourceWebpackPlugin,
+    sourceMapDevToolPlugin,
   ],
 };