error-overlay-webpack-plugin added to webpack dev

Author: Can-Sahin

internals/webpack/webpack.dev.babel.js

@@ -14,6 +14,7 @@ const createStyledComponentsTransformer = require('typescript-plugin-styled-comp
 // 2. create a transformer;
 // the factory additionally accepts an options object which described below
 const styledComponentsTransformer = createStyledComponentsTransformer();
+const ErrorOverlayPlugin = require('error-overlay-webpack-plugin');
 
 module.exports = require('./webpack.base.babel')({
   mode: 'development',
@@ -39,6 +40,7 @@ module.exports = require('./webpack.base.babel')({
 
   // Add development plugins
   plugins: [
+    new ErrorOverlayPlugin(),
     new webpack.HotModuleReplacementPlugin(), // Tell webpack we want hot reloading
     new HtmlWebpackPlugin({
       inject: true, // Inject all files that are generated by webpack, e.g. bundle.js
@@ -67,7 +69,7 @@ module.exports = require('./webpack.base.babel')({
 
   // Emit a source map for easier debugging
   // See https://webpack.js.org/configuration/devtool/#devtool
-  devtool: 'eval-source-map',
+  devtool: 'cheap-module-source-map',
 
   performance: {
     hints: false,