vite.config.ts•953 B
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import { resolve } from "path";
import { fileURLToPath } from "url";
const __dirname = fileURLToPath(new URL(".", import.meta.url));
export default defineConfig({
root: __dirname,
plugins: [react(), tailwindcss()],
resolve: {
alias: {
"@": resolve(__dirname, "src"),
},
},
build: {
outDir: resolve(__dirname, "dist"),
emptyOutDir: true,
rollupOptions: {
input: {
widget: resolve(__dirname, "widget.html"),
},
output: {
entryFileNames: "movie-detail-widget.js",
chunkFileNames: "movie-detail-widget.js",
assetFileNames: (assetInfo) => {
if (assetInfo.name && assetInfo.name.endsWith(".css")) {
return "movie-detail-widget.css";
}
return assetInfo.name || "asset";
},
},
},
},
});