vite.config.js

import tailwindcss from "@tailwindcss/vite";
import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { resolve } from "node:path";
import { defineConfig } from "vite";

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		TanStackRouterVite({ autoCodeSplitting: true }),
		viteReact(),
		tailwindcss(),
	],
	resolve: {
		alias: {
			"@": resolve(__dirname, "./src"),
		},
	},
	base: "/wp-content/plugins/zingfont/src-dev/assets/",
	build: {
		outDir: resolve(__dirname, "../../assets/"),
		rollupOptions: {
			output: {
				entryFileNames: "js/[name]-zingbuilder-admin-ui.js",
				chunkFileNames: "js/[name]-zingbuilder-admin-ui.js",
				assetFileNames: "public/[name]-zingbuilder-admin-ui.[ext]",
				inlineDynamicImports: true,
			},
		},
		// temporary
		// minify: false,
		// sourcemap: true,
	},
});