text: const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const CleanWebpackPlugin = require('clean-webpack-plugin');
  
  module.exports = {
    target: 'web',
    entry: {
      app: './src/index.js',
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel-loader'
        },
        {
          test: /\.css$/,
          exclude: /node_modules/,
          loader: [
            'style-loader',
            'css-loader'
          ]
        },
        {
          test: /\.(png|svg|jpg|gif)$/,
           use: [
             'file-loader'
           ]
        }
      ]
    },
    plugins: [
      new CleanWebpackPlugin(['dist']),
      new HtmlWebpackPlugin({
        favicon: 'src/favicon.ico',
        template: 'src/index.html'
      })
    ],
    node: {
      fs: 'empty',
      net: 'empty',
      tls: 'empty'
    },
    devtool: 'cheap-module-eval-source-map',
    devServer: {
      contentBase: './dist',
      historyApiFallback: true
    },
    output: {
      filename: '[name].bundle.js',
      path: path.resolve(__dirname, 'dist')
    }
  };
  