vite.config.content.ts

import { defineConfig } from "vite";

import { sharedConfig } from "./vite.config";
import { r, isDev } from "./scripts/utils";

import packageJson from "./package.json";

// bundling the content script using Vite
export default defineConfig({
    ...sharedConfig,
    define: {
        __DEV__: isDev,
        __NAME__: JSON.stringify(packageJson.name),
        // https://github.com/vitejs/vite/issues/9320
        // https://github.com/vitejs/vite/issues/9186
        "process.env.NODE_ENV": JSON.stringify(isDev ? "development" : "production"),
    },
    build: {
        watch: isDev
            ? {
                  include: ["src/contentScripts/**/*", "src/components/**/*"],
              }
            : undefined,
        outDir: r("extension/dist/contentScripts"),
        cssCodeSplit: false,
        emptyOutDir: false,
        sourcemap: isDev ? "inline" : false,
        lib: {
            entry: r("src/contentScripts/index.ts"),
            name: packageJson.name,
            formats: ["iife"],
        },
        rollupOptions: {
            output: {
                entryFileNames: "index.global.js",
                extend: true,
            },
        },
    },
    plugins: sharedConfig.plugins,
});