在 vue-cli3 项目更改 favicon 图标
# 第一步:替换新图标
将项目 public
目录下的 favicon.ico
图标替换为新图标,名称和后缀保持不变。
# 第一步:配置pwa字段
在项目根目录的 vue.config.js
配置文件中(vue-cli3
默认没有该文件,需要自己手动添加)配置 pwa
:
module.exports = {
pwa: {
iconPaths: {
favicon32: './favicon.ico',
favicon16: './favicon.ico',
appleTouchIcon: './favicon.ico',
maskIcon: './favicon.ico',
msTileImage: './favicon.ico'
}
}
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
重新运行项目,并刷新浏览器即可。
上次更新: 2024/01/30, 00:35:17
- 01
- Node与GLIBC_2.27不兼容解决方案08-19
- 02
- Git清空本地文件跟踪缓存08-13