text: const path = require("path");
  const HtmlWebpackPlugin =require("html-webpack-plugin");
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  
  
  module.exports = {
      mode:"development",
      entry:"./src/index.js",
      output:{
          path: path.resolve(__dirname, "dist"),
          filename: "bundle.js"
      },
      resolve:{
          extensions: ['.js','.jsx']
      },
      module:{
          rules:[
              {
                  test : /\.(js|jsx)$/,
                  exclude : /node_modules/,
                  use: {
                      loader:"babel-loader",
                  }
              },
              {
                  test : /\.html$/,
                  use:{
                      loader:"html-loader"
                  }
              },
              {
                  test: /\.css$/,
                  use:[MiniCssExtractPlugin.loader,"css-loader"]
              },
          ]
      },
      plugins:[
          new HtmlWebpackPlugin({
              template: "./public/index.html",
              filename :"./index.html"
          }),
          new MiniCssExtractPlugin({
              filename:"assets/[name].[contenthash].css"
          })
      ],
      devServer:{
          static: path.join(__dirname , "dist"),
          compress: true,
          historyApiFallback:true,
          port: 3006,
          open:true,
      }
  }