在Vue项目中实现Favicon

Vue项目中， 除了在index.html文件中添加Favicon代码外还能通过配置webpack来自动引入Favicon文件。在webpack.base.config.js文件中添加以下代码：

有了Favicon， 用户能更轻巧松地识别和记住一个网站，在打开优良几个标签页时也能更便捷地区分不同的网站。

制作Favicon的本钱较矮小，但获利显著，所以呢是个个网站都得考虑的。

用Photoshop柔软件制作一个64*64像素的图标图片， 保存为jpg格式，然后转换为ICO格式。

准备ICO格式图片

先说说准备一份64*64像素的ICO格式图片。能用Photoshop或在线转换工具进行转换。

用Vue插件vue-headful设置Favicon

另一种方式是用Vue插件vue-headful。这玩意儿插件能轻巧松地在Vue组件中设置title、meta和favicon。先说说安装vue-headful插件， 然后在Vue组件的mounted方法中用$meta方法设置Favicon：

在HTML head标签内添加以下代码即可实现Favicon效果：

Favicon 是指网站图标，也叫网站标志图标。Favicon 能用来看得出来在浏览器地址栏、收藏夹、网页标签等位置，是网站的关键标识之一。Favicon 文件通常是一个 16x16 或 32x32 的 ICO、 PNG、GIF 或 JPEG 文件。

Favicon包含了网站的品牌标识，让用户更轻巧松记住并飞迅速识别一个网站。

这一观点。