webpack.config.js

const path = require('path');
const BundleTracker = require('webpack-bundle-tracker');
const TerserPlugin = require('terser-webpack-plugin');
const Dotenv = require('dotenv-webpack');

module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          ecma: 7,
          parallel: true,
          mangle: true,
          compress: false,
          keep_fnames: true,
          ie8: false,
          output: {
            comments: false
          }
        }
      })
    ]
  },

  context: __dirname,

  entry: ['babel-polyfill', './js/index'],

  output: {
    path: path.resolve('./bundles'),
    filename: '[name]-[hash].js'
  },

  stats: {
    // Configure the console output
    errorDetails: true, //this does show errors
    colors: false,
    modules: true,
    reasons: true
  },

  plugins: [new BundleTracker({ filename: './webpack-stats.json', trackAssets: true }), new Dotenv()],

  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        enforce: 'pre',
        exclude: /node_modules/,
        loader: 'babel-loader'
      },
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      {
        test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
        loader: 'url-loader?limit=100000'
      }
    ]
  },

  resolve: {
    modules: ['node_modules'],
    extensions: ['.js', '.jsx']
  }
};