@medicplus/tooth-font/webpack.config.js

Tooth font for odontogram

const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");

module.exports = (env, argv) => {
  const isProduction = argv.mode === "production";

  return {
    mode: isProduction ? "production" : "development",
    entry: "./src/index.js",
    output: {
      filename: "bundle.js",
      path: path.resolve(__dirname, "dist"),
    },
    module: {
      rules: [
        {
          test: /\.css$/,
          use: [
            isProduction ? MiniCssExtractPlugin.loader : "style-loader",
            "css-loader",
          ],
        },
        {
          test: /\.(eot|svg|ttf|woff)$/,
          type: "asset/resource",
          generator: {
            filename: "fonts/[name][ext]",
          },
        },
      ],
    },
    plugins: isProduction
      ? [
          new MiniCssExtractPlugin({
            filename: "medicplus-tooth.css",
          }),
        ]
      : [],
    optimization: {
      minimizer: isProduction ? [new CssMinimizerPlugin()] : [],
    },
  };
};