vue项目添加favicon的几种方式丨技术开发分享录

vue项目添加favicon的几种方式

{{ detail.nickname }}

转载 翻译 {{ formatTime(detail.create_time) }} 字数 {{ detail.content && detail.content.length }} 阅读 {{ detail.read_num }} {{ formatTag(v) }}

"## 一、 在public下放置favicon.ico文件\n\n浏览器会自动爬去根目录的 `favicon.ico` 文件,然后自动呈现\n\n## 二、在index.html入口文件添加\n\n```markup\n<link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"favicon.ico\"/>\n```\n\n当然也可以添加其他类型的网址图标,如:png图标\n\n```markup\n<link rel=\"shortcut icon\" type=\"image/png\" href=\"favicon.png\"/>\n```\n\n## 三、在HtmlWebpackPlugin插件中配置\n\n```{5}\nnew HtmlWebpackPlugin({\n  filename: 'index.html',\n  template: 'index.html',\n  inject: true,\n  favicon: path.resolve('favicon.ico')\n}),\n```"
PS:写作不易,如要转裁,请标明转载出处。

如果此篇对您有帮助,可小额赞助,以兹鼓励!

猜你想看