Webpack: enable error overlay plugin

1 files changed, 10 insertions, 2 deletions

diff --git a/vnext/webpack.config.js b/vnext/webpack.config.js
index 0d35075f..cdcf179c 100644
--- a/vnext/webpack.config.js
+++ b/vnext/webpack.config.js
@@ -4,11 +4,12 @@ const HtmlWebPackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const ESLintPlugin = require('eslint-webpack-plugin');
+const ErrorOverlayPlugin = require('error-overlay-webpack-plugin');
 
 module.exports = (env, argv) => {
     const dev = argv.mode !== 'production';
     const config = {
-        devtool: dev ? 'source-map' : false,
+        devtool: dev ? 'cheap-module-source-map' : false,
         mode: dev ? 'development' : 'production',
         entry: {
             'Juick': [
@@ -91,7 +92,14 @@ module.exports = (env, argv) => {
                 template: './src/index.html',
                 filename: './index.html'
             }),
-            new ESLintPlugin({ files: 'src', lintDirtyModulesOnly: true, failOnWarning: false, failOnError: true, fix: false })
+            new ESLintPlugin({ 
+                files: 'src', 
+                lintDirtyModulesOnly: true, 
+                failOnWarning: false, 
+                failOnError: true, 
+                fix: false 
+            }),
+            new ErrorOverlayPlugin()
         ],
         devServer: {
             historyApiFallback: true,