{"id":21334,"library":"favigo","title":"Favigo","description":"Universal favicon generator plugin for multiple bundlers including Vite, Webpack, Rollup, esbuild, Rspack, Farm, and Rolldown. Version 1.1.1 is the latest stable release, with active development on GitHub. Generates all favicon formats (ICO, PNG, Apple Touch Icons, Android icons, etc.) from a single source image using Sharp for high-performance image processing. Supports environment-specific visual variants (borders, badges, overlays, tints). Ships with TypeScript definitions and zero-config defaults. Unlike alternatives like 'favicons' CLI, Favigo integrates directly as a build plugin and auto-appends HTML tags.","status":"active","version":"1.1.1","language":"javascript","source_language":"en","source_url":"https://github.com/jog1t/favigo","tags":["javascript","unplugin","vite","webpack","rollup","esbuild","rspack","farm","rolldown","typescript"],"install":[{"cmd":"npm install favigo","lang":"bash","label":"npm"},{"cmd":"yarn add favigo","lang":"bash","label":"yarn"},{"cmd":"pnpm add favigo","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Required for Vite plugin usage (>=3)","package":"vite","optional":true},{"reason":"Required for Webpack plugin usage (^4 || ^5)","package":"webpack","optional":true},{"reason":"Required for Rollup plugin usage (^3.0.0 || ^4.0.0)","package":"rollup","optional":true},{"reason":"Required for esbuild plugin usage","package":"esbuild","optional":true}],"imports":[{"note":"Vite plugin: exports a default function; do not destructure.","wrong":"import { favicons } from 'favigo/vite'","symbol":"default","correct":"import favicons from 'favigo/vite'"},{"note":"Webpack plugin: CommonJS require works, but ESM import also supported.","wrong":"","symbol":"default","correct":"const favicons = require('favigo/webpack')"},{"note":"Rollup plugin: default export only.","wrong":"","symbol":"default","correct":"import favicons from 'favigo/rollup'"},{"note":"esbuild plugin: default export only.","wrong":"","symbol":"default","correct":"import favicons from 'favigo/esbuild'"}],"quickstart":{"code":"// Install: npm install --save-dev favigo\n\n// vite.config.ts\nimport { defineConfig } from 'vite';\nimport favicons from 'favigo/vite';\n\nexport default defineConfig({\n  plugins: [\n    favicons({\n      source: './src/assets/logo.png', // Path to source image\n      outputPath: 'dist/assets',      // Optional output directory\n      variant: {\n        type: 'border',\n        color: '#fbbf24',\n        width: 8\n      }\n    })\n  ]\n});\n\n// Run: npx vite build\n// Generated favicons will be in dist/assets and HTML tags auto-injected.","lang":"typescript","description":"Vite config with favicons plugin, variant (border), and build command."},"warnings":[{"fix":"Set 'skipHtmlInjection: true' in options, or remove manual tag injection.","message":"v1.1.0 introduced automatic HTML tag injection into all HTML files. If you manually inject tags, they may duplicate.","severity":"breaking","affected_versions":">=1.1.0"},{"fix":"Use 'outputPath' instead of 'output'.","message":"The 'output' option was renamed to 'outputPath' in v1.0.0.","severity":"deprecated","affected_versions":"<1.0.0"},{"fix":"Convert source image to PNG or SVG before using Favigo.","message":"Source image must be a valid PNG or SVG file. Other formats may cause Sharp errors.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use 'import' syntax for Vite, Rollup, esbuild; for Webpack both import and require work.","message":"Plugin is ESM-only (exports ES modules). CommonJS require() only works for Webpack plugin due to Webpack's interop.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Ensure favigo is installed: npm install --save-dev favigo. Use correct path: 'favigo/vite', not 'favigo'.","cause":"Missing peer dependency or incorrect import path.","error":"Error: Cannot find module 'favigo/vite'"},{"fix":"Use default import: import favicons from 'favigo/vite' instead of { favicons }.","cause":"Wrong import style (destructuring default export).","error":"TypeError: favicons is not a function"},{"fix":"Add source: './path/to/image.png' in the options object.","cause":"Missing required 'source' parameter.","error":"Error: The 'source' option is required"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}