Fox favicon
Плагин Webpack для создания фавиконов
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.
},
})
Настройки:
Опции | Значения по умолчанию (возможные значения) | Тип | Описание |
src | false | boolean | адрес к иконке, из которой будет сгенерирован набор |
path | ' ' | string | Адрес, где генерировать иконки |
urlIcon | ' ' | string | Адрес каталога иконок на хостинге |
pathManifest | '/' | string | Адрес, по которому браузер будет искать файлы манифеста (корень по умолчанию) |
devMode | false | boolean | Режим сборки |
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 | Версия вашего приложения |
logging | false | boolean | Выводить логи в консоль |
pixel_art | false | boolean | Сохраняет резкость пикселей при масштабировании, для пиксельной графики. Поддерживается только в автономном режиме |
loadManifestWithCredentials | false | boolean | Браузеры не отправляют файлы cookie при получении манифеста, включите, чтобы исправить это |
icons | Object | object | типы икон |
Свойство icons:
Опции | Значения по умолчанию (возможные значения) | Тип | Описание |
android | true | boolean, object, array | Создайте значок рабочего стола Android. boolean или { offset, background, mask, overlayGlow, overlayShadow } или массив |
appleIcon | true | boolean, object, array | Создавайте сенсорные значки Apple. |
appleStartup | true | boolean, object, array | Создавайте загрузочные образы Apple. |
coast | true | boolean, object, array | Создайте иконку Opera Coast. |
favicons | true | boolean, object, array | Создавайте обычные фавиконы. |
firefox | true | boolean, object, array | Создавайте фавиконы Firefox. |
windows | true | boolean, object, array | Создавайте фавиконы плитки для Windows. |
yandex | true | boolean, object, array | Создавайте фавиконы для яндекс браузера. |