Fox favicon

Плагин Webpack для создания фавиконов

GitHub

NPM:

npm i fox-favicon

Подключение:

const FoxFavicon = require('fox-favicon');

Применение:


new FoxFavicon({
src: 'src/assets/images/icon/favicon.png',
path: 'assets/favicons/',
urlIcon: 'assets/favicons/',
devMode: env.isDev,
appName: 'Frontend для прагматиков',
appShortName: 'Frontend для прагматиков',
appDescription: 'Узнайте, как использовать Range Slider Fox',
developerName: 'coder1',
developerURL: 'https://github.com/coder1x/',
icons: {
  android: [
    'android-chrome-36x36.png',
    'android-chrome-48x48.png',
    'android-chrome-144x144.png',
    'android-chrome-192x192.png',
    'android-chrome-256x256.png',
  ],
  appleIcon: [
    'apple-touch-icon-180x180.png',
    'apple-touch-icon-precomposed.png',
    'apple-touch-icon.png',
  ],
  appleStartup: [],
  coast: true, // Create Opera Coast icon.
  favicons: true, // Create regular favicons.
  firefox: [
    'firefox_app_60x60.png',
    'firefox_app_128x128.png',
  ],
  opengraph: true, // Create Facebook OpenGraph image.
  twitter: true, // Create Twitter Summary Card image.
  windows: true, // Create Windows tile icons.
  yandex: true, // Create Yandex browser icon.
},
})

Настройки:

ОпцииЗначения по умолчанию
(возможные значения)
ТипОписание
srcfalsebooleanадрес к иконке, из которой будет сгенерирован набор
path' 'stringАдрес, где генерировать иконки
urlIcon' 'stringАдрес каталога иконок на хостинге
pathManifest'/'stringАдрес, по которому браузер будет искать файлы манифеста (корень по умолчанию)
devModefalsebooleanРежим сборки
appName'null'stringНазвание вашего приложения
appShortName'null'stringКороткое имя вашего приложения. По желанию. Если не установлено, будет использоваться appName
appDescription'null'stringОписание вашего приложения
developerName'null'stringВаше (или имя вашего разработчика) имя
developerURL'null'stringВаш URL (или URL вашего разработчика)
dir'auto'stringОсновное направление текста для имени, короткого_имени и описания
lang'en-US'stringОсновной язык для имени и short_name
background'#fff'stringЦвет фона для значков
theme_color'#fff'stringПользовательский цвет темы, например, в переключателе задач Android
appleStatusBarStyle'black-translucent' ("black-translucent", "default", "black")stringСтиль для строки состояния Apple
display'standalone' ("fullscreen", "standalone", "minimal-ui" , "browser")stringПредпочтительный режим отображения
orientation'any' ("any", "natural", "portrait" or "landscape")stringОриентация по умолчанию
start_url'/?homescreen=1'stringСтартовый URL при запуске приложения с устройства
version'1.0'stringВерсия вашего приложения
loggingfalsebooleanВыводить логи в консоль
pixel_artfalsebooleanСохраняет резкость пикселей при масштабировании, для пиксельной графики. Поддерживается только в автономном режиме
loadManifestWithCredentialsfalsebooleanБраузеры не отправляют файлы cookie при получении манифеста, включите, чтобы исправить это
iconsObjectobjectтипы икон

Свойство icons:

ОпцииЗначения по умолчанию
(возможные значения)
ТипОписание
androidtrueboolean, object, arrayСоздайте значок рабочего стола Android. boolean или { offset, background, mask, overlayGlow, overlayShadow } или массив
appleIcontrueboolean, object, arrayСоздавайте сенсорные значки Apple.
appleStartuptrueboolean, object, arrayСоздавайте загрузочные образы Apple.
coasttrueboolean, object, arrayСоздайте иконку Opera Coast.
faviconstrueboolean, object, arrayСоздавайте обычные фавиконы.
firefoxtrueboolean, object, arrayСоздавайте фавиконы Firefox.
windowstrueboolean, object, arrayСоздавайте фавиконы плитки для Windows.
yandextrueboolean, object, arrayСоздавайте фавиконы для яндекс браузера.