TroubleshootingMonorepo

Monorepo Configuration

This monorepo configuration each app has a unique output file, so you can use Monicon in multiple apps without conflicts.

apps/web/vite.config.ts
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import monicon from "@monicon/vite";
 
export default defineConfig({
  plugins: [
    react(),
    // The outputFileName option makes sure each app has a unique file name
    monicon({ outputFileName: "web" }),
  ],
});