text: const InlineChunkHtmlPlugin = require("react-dev-utils/InlineChunkHtmlPlugin");
  const HtmlWebpackPlugin = require("html-webpack-plugin");
  const path = require("path");
  
  module.exports = (_env, argv) => ({
    mode: argv.mode || "development",
    devtool: argv.mode === "production" ? false : "inline-source-map",
    entry: {
      ui: "./src/ui/index.tsx",
      code: "./src/code/code.ts",
    },
    module: {
      rules: [
        { test: /\.tsx?$/, loader: "ts-loader", exclude: /node_modules/ },
        {
          test: /\.scss$/,
          use: [
            "style-loader",
            {
              loader: "css-loader",
              options: {
                modules: true,
              },
            },
            "sass-loader",
          ],
        },
        { test: /\.css$/, use: ["style-loader", "css-loader"] },
        { test: /\.(png|jpg|gif|webp|svg|zip)$/, type: "asset/inline" },
      ],
    },
    resolve: { extensions: [".tsx", ".ts", ".jsx", ".js"] },
    output: {
      filename: "[name].js",
      path: path.resolve(__dirname, "dist"),
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: "./src/ui/ui.html",
        filename: "ui.html",
        chunks: ["ui"],
        inject: "body",
      }),
      new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/.(js)$/]),
    ],
  });
  