Как добавить фавиконку на статическую веб-страницу, созданную с помощью посылки.js?

Я использую участок.js для создания базового статического веб-сайта (поэтому только HTML, CSS и внешний интерфейс JS, но для создания используется узел / npm / посылка.js).

Я хотел бы установить фавикон. Какой лучший/самый простой способ сделать это?


person phhu    schedule 02.07.2020    source источник


Ответы (3)


В вашем теге <head> в вашем html файле вы можете использовать

<link rel="shortcut icon" href="favicon.ico" />
person John Arnok    schedule 02.07.2020
comment
Это сработало для меня, также в IE11 и за обратными прокси/виртуальными каталогами. favicon.ico может идти в маршрутном каталоге: посылка ставит его на расстояние по зданию. - person phhu; 03.07.2020
comment
(даже корневой каталог!) - person phhu; 11.07.2020

Чтобы иметь favicon.ico, который будет использоваться браузерами в качестве значка по умолчанию, он должен присутствовать без хэша, который генерирует посылка.js. Для этого вам нужно будет не включать его куда угодно, так как посылка создаст файл с хэшем, то есть favicon.f76ab27.ico.

Для этой цели попробуйте parcel-plugin-static-files-copy. Он копирует файлы из одного или нескольких каталогов в dist. Попробуйте следующие настройки в package.json:

{
  "staticFiles": {
    "staticPath": [
      {
        "staticPath": "path/to/static/files",
        "watcherGlob": "**"
      }
    ]
  },
}

Хитрость заключается в том, чтобы не определять staticPath. Parcel скопирует файлы в корневую папку. Ко всем скопированным файлам не добавляется хэш.

person Fabian    schedule 20.07.2020

Вы можете добавить плагин parcel-plugin-robot и добавить фавикон .ico в каталог static/.

Этот плагин скопирует все файлы под static/ в корневой каталог dist/, поэтому это также полезно для robots.txt, human.txt, browserconfig.xml и любых других файлов, которые по соглашению ожидаются в корневом каталоге веб-сайта, но это может быть не так. явно упоминается в любом месте.

person codehead    schedule 20.08.2020