text: const MiniCssExtractPlugin = require('mini-css-extract-plugin');
  const Dotenv = require('dotenv-webpack');
  
  module.exports = ({
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options:{
              presets:['@babel/preset-env','@babel/react']
            }
          },
        },
        {
          test: /\.html$/,
          use: [
            {
              loader: 'html-loader',
            },
          ],
        },
        {
          test: /\.css/,
          use: ['style-loader', 'css-loader'],
        },
        {
          loader: 'url-loader',
          test: /\.(svg|eot|ttf|woff|woff2)?$/,
        },
        {
          test: /\.svg$/,
          use: ['@svgr/webpack'],
        },
        {
          test: /\.font\.js/,
          use: [MiniCssExtractPlugin.loader, 'css-loader', 'webfonts-loader'],
        },
      ],
    },
    plugins: [
      new Dotenv(),
      // new HtmlWebPackPlugin({
      //   template: './public/index.html',
      //   filename: './index.html',
      // }),
    ],
  })
  