webpack.config.js

const WebpackPwaManifest = require("webpack-pwa-manifest");
const path = require("path");

// CONFIGURATIONS FOR WEBPACK
const config = {
    entry: "./public/index.js",
    output: {
        path: __dirname + "/public/dist/",
        filename: "bundle.js"
    },
    mode: "production",
    plugins: [
        new WebpackPwaManifest({
          // the name of the generated manifest file
          filename: "manifest.json",
          // we aren't using webpack to generate our html so we
          // set inject to false
          inject: false,
    
          // set fingerprints to `false` to make the names of the generated
          // files predictable making it easier to refer to them in our code
          fingerprints: false,
    
          name: "Budget Tracker",
          short_name: "Budget Tracker",
          theme_color: "#317EFB",
          background_color: "#dddddd",
          start_url: "/",
          display: "standalone",
    
          icons: [
            {
              src: path.resolve(
                __dirname,
                "public/icons/icon-512x512.png"
                ),
              // the plugin will generate an image for each size
              // included in the size array
              sizes: [192, 512]
            }
          ]
        })
      ]
};

module.exports = config;