text: const webpack = require('webpack');
  const path = require('path');
  const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  const Dotenv = require('dotenv-webpack');
  
  module.exports = {
    mode: 'development',
    devtool: 'eval',
    entry: [
      'webpack-hot-middleware/client',
      './client/index.jsx'
    ],
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist'),
      publicPath: '/',
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new UglifyJsPlugin({
        test: /\.js($|\?)/i
      }),
      new Dotenv({
        path: './.env',
        systemvars: true
      }),
    ],
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          include: path.join(__dirname, 'client'),
          use: ['babel-loader'],
        },
        {
          test: /\.(png|jpg|gif|jpeg)$/,
          use: [
            {
              loader: 'file-loader',
              options: {}
            }
          ]
        },
        {
          test: /\.(scss|css)$/,
          use: ['style-loader', 'css-loader', 'sass-loader']
        },
        {
          test: /\.bundle\.js$/,
          use: 'bundle-loader'
        },
      ]
    },
    resolve: {
      extensions: ['*', '.js', '.jsx']
    }
  };
  