vite.config.ts

import { defineConfig } from "vite";
import path, { resolve } from "path";
import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
import dts from "vite-plugin-dts";

export default defineConfig({
  build: {
    lib: {
      entry: resolve(__dirname, "src/index.ts"),
      name: "EditorJSGroupImage",
      fileName: (format) => `editorjs-group-image.${format}.js`,
      formats: ["es", "umd"],
    },
    rollupOptions: {
      external: ["@editorjs/editorjs", "@codexteam/icons", "@editorjs/dom"],
      output: {
        globals: {
          "@editorjs/editorjs": "EditorJS",
          "@codexteam/icons": "CodexIcons",
          "@editorjs/dom": "EditorJSDOM",
        },
      },
    },
  },
  publicDir: path.resolve(__dirname, "assets"),
  server: {
    open: "./test/index.html",
  },

  plugins: [cssInjectedByJsPlugin(), dts()],
});