favicons.config.js

const path = require("path");

const tailwindConf = require("./tailwind.config.js");
const dotenv = require("dotenv").config({ path: __dirname + "/.env" });

//  Plugins
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const PATHS = {
  public: path.join(__dirname, "public"),
  templates: path.join(__dirname, "templates"),
  favicon: path.join(__dirname, "tailoff", "/img"),
  ejs: path.join(__dirname, "tailoff", "/ejs"),
};

module.exports = (env) => {
  return {
    mode: "production",
    entry: {
      main: `${PATHS.favicon}/favicon.js`,
    },
    output: {
      publicPath: "/",
      path: `${PATHS.public}`,
      filename: "assets/favicon.js",
    },
    plugins: [
      new HtmlWebpackPlugin({
        filename: `${PATHS.templates}/_snippet/_global/_favicon.twig`,
        template: `${PATHS.ejs}/favicon.ejs`,
        inject: false,
        files: {
          css: [],
        },
      }),
      new FaviconsWebpackPlugin({
        logo: `${PATHS.favicon}/favicon.svg`,
        devMode: "webapp",
        cache: true,
        favicons: {
          appName: dotenv.parsed.SYSTEM_NAME,
          appDescription: dotenv.parsed.SYSTEM_NAME,
          theme_color: tailwindConf.theme.colors.primary.default,
        },
      }),
    ],
  };
};