text: const path = require('path');
  const webpack = require("webpack");
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
      mode: 'none',
      entry: {
          app: path.join(__dirname, 'src', 'index.tsx')
      },
      target: 'web',
      resolve: {
          extensions: ['.ts', '.tsx', '.js', '.css', ".scss"]
      },
      module: {
          rules: [
              {
                  test: /\.tsx?$/,
                  use: 'ts-loader',
                  exclude: '/node_modules/'
              },
              {
                test: /\.css$/,
                exclude: /node_modules/,
                use: [
                  'style-loader',
                  {
                    loader: 'css-loader',
                    options: {
                      modules: {
                          localIdentName: "[name]__[local]___[hash:base64:5]",
                      },
                      importLoaders: 1,
                      sourceMap: false,
                    },
                  },
                ],
              },
              {
                  test: /\.svg$/,
                  use: [
                    {
                      loader: 'svg-url-loader',
                      options: {
                        limit: 10000,
                      },
                    },
                  ],
              },
          ],
      },
      output: {
          filename: '[name].js',
          path: path.resolve(__dirname, 'dist')
      },
      devServer: {
          contentBase: path.join(__dirname, "./"),
          historyApiFallback: true,
          port: 3000,
          open: true,
          hot: true
      },
      plugins: [
          new webpack.DefinePlugin({
              'process.env.NODE_ENV': JSON.stringify('development')
          }),
          new HtmlWebpackPlugin({
              template: path.join(__dirname, 'public', 'index.html'),
              PUBLIC_URL: "public"
          }),
          new webpack.HotModuleReplacementPlugin(),
      ]
  }