Как разместить значок (значок) на вкладке браузера веб-сайта с помощью веб-пакета?

Question

Я работаю с веб-пакетом (это мой первый раз) и до сих пор у меня не было проблем, но когда я пытаюсь поставить иконку не получается, я перепробовал много вещей, и я не знаю, почему это не так работа.

Я имел дело с форматами jpg, ico, и я не знаю, что я делаю неправильно.

Вот некоторые из тегов, с которыми я пробовал:

<link rel="icon" href="./../Icons/name-icon.ico" />
  
<link rel="icon" sizes="192x192" href="./../Icons/name-icon.png" />
    
<link rel="Shortcut Icon" href="./../Icons/favicon.ico" type="image/x-icon" />

<link rel="Shortcut Icon" href="./favicon.ico" type="image/x-icon" />

Answer 1

выполните следующие действия:

• в заголовок добавьте <link rel="icon" type="image/x-icon" href="favicon.ico" />
• убедитесь, что файл favicon.ico в root [на том же уровне sr c]
• если он не работает Hard reload your browser

если вы изменили путь распространения с помощью любых плагинов, таких как copy-webpack-plugin, обязательно обновите href='new path'

---

другое решение:

для использования вызова плагина favicons-webpack-plugin-2

выглядит здорово, что генерирует фавиконы и внедряет его

https://www.npmjs.com/package/favicons-webpack-plugin-2