text: const HtmlWebpackPlugin = require('html-webpack-plugin');
  const WebpackPwaManifest = require('webpack-pwa-manifest');
  const path = require('path');
  const { InjectManifest } = require('workbox-webpack-plugin');
  
  // TODO: Add and configure workbox plugins for a service worker and manifest file.
  // TODO: Add CSS loaders and babel to webpack.
  
  module.exports = () => {
    return {
      mode: 'development',
      entry: {
        main: './src/js/index.js',
        install: './src/js/install.js'
      },
      output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'dist'),
      },
      plugins: [
        new HtmlWebpackPlugin({
          title: 'Client Server',
          template: './index.html',
        }),
        new InjectManifest({
          swSrc: "./src-sw.js",
        }),
        new WebpackPwaManifest({
          fingerprints: false,
          inject: true,
          name: "Edit Some Text",
          short_name: "est",
          description: "as the name says!",
          background_color: "#1d13da",
          theme_color: "#1d13da",
          start_url: "/",
          publicPath: "/",
          icons: [
            {
              src: path.resolve("./src/images/logo.png"),
              sizes: [96, 128, 192, 256, 384, 512],
              destination: path.join("assets", "icons"),
            },
          ],
        }),
  
      ],
  
      module: {
        rules: [
          {
            test: /\.css$/,
            use: ['style-loader', 'css-loader'],
          }
        ],
      },
    };
  };
  