{"id":22664,"library":"vite-plugin-favicon2","title":"vite-plugin-favicon2","description":"A Vite plugin that generates favicons and PWA manifest icons from a single logo image using the favicons library. Current stable version is 1.1.5. It is a fork of the original vite-plugin-favicon that fixes issues with dev mode support, adds ability to generate webapp.html file, and re-enables outputPath configuration. The plugin is applied only during build phase to speed up dev server cold starts. It is compatible with favicons-webpack-plugin configuration.","status":"active","version":"1.1.5","language":"javascript","source_language":"en","source_url":"https://github.com/khalwat/vite-plugin-favicon","tags":["javascript","vite-plugin","favicon","favicons","image","generate","typescript"],"install":[{"cmd":"npm install vite-plugin-favicon2","lang":"bash","label":"npm"},{"cmd":"yarn add vite-plugin-favicon2","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-plugin-favicon2","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency; plugin hooks into Vite's build system","package":"vite","optional":false}],"imports":[{"note":"Named export, not default.","wrong":"import ViteFaviconsPlugin from 'vite-plugin-favicon2'","symbol":"ViteFaviconsPlugin","correct":"import { ViteFaviconsPlugin } from 'vite-plugin-favicon2'"},{"note":"CommonJS destructured require.","wrong":"const ViteFaviconsPlugin = require('vite-plugin-favicon2')","symbol":"ViteFaviconsPlugin","correct":"const { ViteFaviconsPlugin } = require('vite-plugin-favicon2')"},{"note":"Wrong package name; use 'vite-plugin-favicon2'.","wrong":"import { ViteFaviconsPlugin } from 'vite-plugin-favicon'","symbol":"ViteFaviconsPlugin","correct":"import { ViteFaviconsPlugin } from 'vite-plugin-favicon2'"}],"quickstart":{"code":"// vite.config.js\nimport { defineConfig } from 'vite';\nimport { ViteFaviconsPlugin } from 'vite-plugin-favicon2';\n\nexport default defineConfig({\n  plugins: [\n    ViteFaviconsPlugin({\n      logo: './src/logo.svg',\n      inject: true,\n      outputPath: 'favicons',\n    }),\n  ],\n});","lang":"javascript","description":"Shows how to configure the plugin with a custom logo, enabling injection and setting output path."},"warnings":[{"fix":"Use inject: true to automatically inject tags; if you need dev mode support, consider using a different plugin or downgrading to older versions.","message":"In v1.1.0, the plugin changed to only run during build phase, which may affect workflows that rely on dev mode favicon generation.","severity":"breaking","affected_versions":">=1.1.0"},{"fix":"Remove these options from your config; they are automatically handled by Vite.","message":"The 'prefix', 'cache', and 'publicPath' options are deprecated and have no effect; they exist only for migration from favicons-webpack-plugin.","severity":"deprecated","affected_versions":"*"},{"fix":"Set inject: true for automatic injection, or manually reference the generated webapp.html in your HTML.","message":"When using 'inject: false', the plugin generates a 'webapp.html' file instead of injecting HTML tags. Ensure your build setup includes this file (e.g., copy to output).","severity":"gotcha","affected_versions":">=1.1.0"},{"fix":"Specify an absolute or relative path to your logo file explicitly.","message":"The 'logo' option defaults to 'assets/logo.png' from the project root. If not found, the plugin may fail silently or produce unexpected results.","severity":"gotcha","affected_versions":"*"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run 'npm install --save-dev vite-plugin-favicon2'","cause":"Missing package installation.","error":"Error: Cannot find module 'vite-plugin-favicon2'"},{"fix":"Use 'import { ViteFaviconsPlugin } from 'vite-plugin-favicon2' or const { ViteFaviconsPlugin } = require('vite-plugin-favicon2')","cause":"Using default import instead of named import.","error":"TypeError: ViteFaviconsPlugin is not a constructor"},{"fix":"Use inject: true and accept that favicons won't update in dev; or use a workaround like separate dev build.","cause":"Since v1.1.0, the plugin only runs during build.","error":"The plugin does not work in dev mode"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}