首先将favicon.ico图片放在根目录下,通过以下两种方法使其显示正确。
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico') // 增加
}),
new HtmlWebpackPlugin({
filename: config.build.index,
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico'), //新增
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
…
}
}),
修改配置文件后重启npm run dev,大功告成。
注意:如果打包发布到线上,会导致ico图标不显示的问题,是因为执行npm run build打
包后只有static文件夹和index.html文件,找不到根目录下的ico图标,解决办法:把ico图标放到static文件夹下就OK啦。
本文地址:https://www.zhuimengzhu.com/details/281.html
转载地址:暂无
转载说明:转载时请在文首注明来源zhuimengzhu.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。zhuimengzhu 保留追究相应责任的权利。