text: const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  
  module.exports = {
    entry: {
      app: ['./index.js'],
    },
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'bundle.js',
    },
    devServer: {
      hot: true,
      inline: true,
      host: 'localhost',
      port: 9000,
      contentBase: path.join(__dirname, '/dist/'),
    },
    module: {
      rules: [
        { test: /\.(js)$/, exclude: /node_modules/, use: 'babel-loader' },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader'],
        },
        {
          test: /\.scss$/,
          use: ['style-loader', 'css-loader', 'sass-loader'],
        },
        {
          test: /\.mp3$/,
          use: 'file-loader',
        },
      ],
    },
    mode: 'development',
    devtool: 'eval',
    resolve: {
      extensions: ['.js', '.jsx', 'scss'],
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: './index.html',
      }),
      new MiniCssExtractPlugin({
        filename: 'app.css',
      }),
    ],
  };
  