text: const path = require("path");
  const HtmlWebpackPlugin = require("html-webpack-plugin");
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  
  module.exports = {
    entry: {
      app: ["@babel/polyfill", "./src/js/main.js"],
    },
    output: {
      path: path.resolve(__dirname, "docs"),
      filename: "js/app.bundle.js",
    },
    devServer: {
      port: 4000,
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          loader: "babel-loader",
        },
        {
          test: /\.css$/,
          use: [
            {
              loader: MiniCssExtractPlugin.loader,
              options: {
                publicPath: path.resolve(__dirname, "docs"),
              },
            },
            "css-loader",
          ],
        },
        {
          test: /\.(png|jpe?g|gif|PNG|svg)$/,
          use: {
            loader: "file-loader",
            options: {
              name: "[name].[hash:6].[ext]",
              outputPath: "images",
              publicPath: "../images",
              emitFile: true,
              // esModule: false,
            },
          },
        },
      ],
    },
    plugins: [
      new HtmlWebpackPlugin({
        filename: "html/index.html",
        template: "./src/views/index.html",
        minify: {
          collapseWhitespace: true,
          removeComments: true,
          removeRedundantAttributes: true,
          removeScriptTypeAttributes: true,
          removeStyleLinkTypeAttributes: true,
          useShortDoctype: true,
        },
      }),
      new HtmlWebpackPlugin({
        filename: "html/team.html",
        template: "./src/views/team.html",
        minify: {
          collapseWhitespace: true,
          removeComments: true,
          removeRedundantAttributes: true,
          removeScriptTypeAttributes: true,
          removeStyleLinkTypeAttributes: true,
          useShortDoctype: true,
        },
      }),
      new HtmlWebpackPlugin({
        filename: "html/whatIsGeothermalEnergy.html",
        template: "./src/views/whatIsGeothermalEnergy.html",
        minify: {
          collapseWhitespace: true,
          removeComments: true,
          removeRedundantAttributes: true,
          removeScriptTypeAttributes: true,
          removeStyleLinkTypeAttributes: true,
          useShortDoctype: true,
        },
      }),
      new HtmlWebpackPlugin({
        filename: "html/aimsAndBackground.html",
        template: "./src/views/aimsAndBackground.html",
        minify: {
          collapseWhitespace: true,
          removeComments: true,
          removeRedundantAttributes: true,
          removeScriptTypeAttributes: true,
          removeStyleLinkTypeAttributes: true,
          useShortDoctype: true,
        },
      }),
      new MiniCssExtractPlugin({
        filename: "css/app.bundle.css",
      }),
    ],
  };
  