import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { viteSingleFile } from 'vite-plugin-singlefile';
import path from 'path';
/**
* Vite config for building MCP resource bundles.
* Produces self-contained HTML files with inlined CSS and JS.
*/
export default defineConfig({
plugins: [
react(),
viteSingleFile({
removeViteModuleLoader: true,
useRecommendedBuildConfig: true,
}),
],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
build: {
outDir: 'dist-mcp',
assetsDir: '',
cssCodeSplit: false,
minify: true,
rollupOptions: {
output: {
inlineDynamicImports: true,
},
},
},
// No base path needed - everything is inlined
base: '',
});