text: 
  const path = require('path')
  const webpack = require('webpack')
  const HtmlWebPackPlugin = require('html-webpack-plugin')
  
  module.exports = {
    entry: [
        '/src/index.js',
        'webpack-dev-server/client/index.js?hot=true&live-reload=true',
    ],
    output: {
      path: path.resolve(__dirname, 'dist'),
    },
    mode: 'production',
    devServer: {
      static: './dist',
      hot: true,
      client: false,
      historyApiFallback: true,
    },
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: [{
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env', '@babel/preset-react'],
              plugins: [ "react-hot-loader/babel" ]
            },
          }, 'source-map-loader'],
        },
        {
          test: /\.(png|jp(e*)g|svg|gif)$/,
          use: [
            {
              loader: 'file-loader',
              options: {
                name: 'images/[hash]-[name].[ext]',
              },
            },
          ],
        },
      ],
    },
    devtool: 'source-map',
    plugins: [
      new HtmlWebPackPlugin({
        template: './src/index.html',
      }),
    ],
    performance: {
      hints: false,
      maxEntrypointSize: 512000,
      maxAssetSize: 512000,
    }
  }