uniapp创建html文件,uniapp添加网站favicon文件

前言

uniapp 默认创建的项目并没有给我们提供加上网站 favicon 的 ”机会”，但其实官方已经给出解决方法了，使用的是 自定义模板

自定义模板的场景，通常有以下几种情况：

调整界面 head 中的 meta 配置

补充 SEO 相关的一些配置「仅首页」

加入百度统计等第三方js

如上，使用 自定义模板 肯定是满足我们解决添加 favicon 的了，看一下怎么用吧。

1、工程跟项目新建一个 XXX.html 文件，文件名字自己定义，比如 template.html

2、复制基本模板内容到这个html文件，在此基础上修改meta和引入js；

document.addEventListener('DOMContentLoaded', function() {

document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'

})

Please enable JavaScript to continue.

3、这 head 中加入我们的 favicon 文件

image

ok，运行下项目我肯可以看到已经添加好了。

image

综上，关于三种场景的使用方式可以自行扩展了，比如增加百度统计代码 > uniapp增加百度统计代码(h5)

最后

求关注❤️，求推荐，如果觉得这篇文章有点东西，不妨左上角关注一下我。