tailwind-merge-vue-directive/vite.config.ts

A Vue directive to automatically merge tailwind classes on custom components. This plugin builds on the awesome work done by the "tailwind-merge" package.

/// <reference types="vitest" />

import { defineConfig } from "vite";
import typescript from "@rollup/plugin-typescript";
import path from "path";
import vue from "@vitejs/plugin-vue";

export default defineConfig({
	plugins: [vue()],
	resolve: {
		alias: [
			{
				find: "~",
				replacement: path.resolve(__dirname, "./src"),
			},
		],
	},
	server: {
		port: 3000,
	},
	build: {
		manifest: true,
		minify: true,
		reportCompressedSize: true,
		lib: {
			entry: path.resolve(__dirname, "src/entry.ts"),
			fileName: "entry",
			formats: ["es", "cjs"],
		},
		rollupOptions: {
			external: [],
			plugins: [typescript],
		},
	},
	test: {
		globals: true,
		environment: "jsdom",
	},
});