text: const path = require('path');
  const webpack = require('webpack');
  
  module.exports = {
      entry: './src/index.tsx',
      mode: 'development',
      module: {
          rules: [
              {
                  test: /\.(js|jsx|tsx)$/,
                  exclude: /(node_modules)/,
                  loader: 'babel-loader',
                  options: { presets: ["@babel/env"] }
              },
              {
                  test: /\.css$/,
                  use: ["style-loader", "css-loader"]
              },
              {
                  test: /\.js$/,
                  enforce: 'pre',
                  use: ['source-map-loader'],
              },
              {
                  test: /.(png|svg|jpe?g|gif|woff2?|ttf|eot)$/,
                  use: ['file-loader']
              },
          ]
      },
      resolve: { extensions: ['*', '.js', '.jsx', '.ts', '.tsx'] },
      output: {
          path: path.resolve(__dirname, 'dist/'),
          publicPath: '/dist/',
          filename: 'bundle.js'
      },
      devServer: {
          contentBase: path.join(__dirname, 'public/'),
          port: 3000,
          publicPath: 'http://localhost:3000/dist/',
          hotOnly: true
      },
      plugins: [new webpack.HotModuleReplacementPlugin()]
  };