vue.js中怎么添加favicon图标-木庄网络博客

2022-04-18 11:44:38 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js添加favicon图标的方法：1、修改【index.html】文件，代码为【<link rel="shortcut icon" type="image/x-icon" href="favico】；2、修改webpack配置文件。

本教程操作环境：windows10系统、vue2.9，本文适用于所有品牌的电脑。

【相关文章推荐：vue.js】

vue.js添加favicon图标的方法：

方法一：修改index.html文件

1	`<link rel="shortcut icon"` `type="image/x-icon"` `href="favicon.ico"/>`

缺点：打包后需要将favicon.ico复制到根目录

方法二：修改webpack配置文件

1、找到build下的webpack.dev.conf.js文件

new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico') // 新增
}),

2、找到build下的webpack.prod.conf.js文件

相关阅读 >>

更多相关阅读请进入《vue.js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者