Sometimes, we want to set favicon.ico properly on Vue.js Webpack project
In this article, we’ll look at how to set favicon.ico properly on Vue.js Webpackproject.
How to set favicon.ico properly on Vue.js Webpack project?
To set favicon.ico properly on Vue.js Webpack project, we add a link element.
For instance, we write
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" type="image/png" href="/static/favicon.png" />
<title>My Vue.js app</title>
...
</head>
to add a link element with the href set to the favicon’s path.
Conclusion
To set favicon.ico properly on Vue.js Webpack project, we add a link element.