text: const path = require('path');
  const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  
  module.exports = {
      entry: './src/js/index.js',
      output: {
          filename: 'bundle.js',
          path: path.resolve(__dirname, 'dist')
      },
      module: {
          rules: [
              {
                  test: /\.css$/,
                  use: [
                      {
                          loader: MiniCssExtractPlugin.loader,
                      },
                      "css-loader"
                  ]
              },
              {
                  test: /favicon\.ico$/,
                  use: {
                      loader: 'url-loader',
                      query: {
                          limit: 1,
                          name: '[name].[ext]',
                      },
                  },
              }
          ]
      },
      plugins: [
          new HtmlWebpackPlugin({
              template: __dirname + "/src/public/index.html",
              inject: 'body'
          }),
          new MiniCssExtractPlugin({
              filename: `components/[name].css`
          })
      ]
  };
  