vue-cli中浏览器图标的配置
2024-09-08 07:28:58
在VUE全家桶项目里面,这里给大家提供了2种方案,进行浏览器图标的配置。
a):先把图片准备好,放在static文件夹下,再找到根目录下的index.html文件,并打开,在HTML文档的<head>标签加入下面代码即可。
<link rel="shortcut icon" href="./static/images/favicon.ico"/>
<link rel="apple-touch-icon" href="./static/images/favicon.ico"/> /*为适应苹果系统配置*/
b):把准备好的图片文件(.ico)放到根目录,修改 build 文件夹下 webpack.prod.conf.js (生产环境)和 webpack.dev.conf.js(开发环境) 文件:
var path = require('path') // 一般vue-cli会自带,当然了,没有的话,再手动引入 // HtmlWebpackPlugin 中添加 favicon
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
favicon: path.resolve('favicon.ico'), // 引入图片地址
inject: true
})
最后重新执行npm run dev即可。
**************************************** END ****************************************
最新文章
- iframe在iphone6 plus的safari下子页面的宽度不受父页面控制的bug
- LAMP 之 mysql 安装
- Web 项目可能会用到的20款优秀的开源工具
- Altera的几个常用的Synthesis attributes
- html的<;marquee>;<;/marquee>;标签实现滚动效果
- 如何在本机上将localhost改为www.dev.com
- Git 设置别名[alias]
- Struts知识问答 分类: 面试 2015-07-10 22:01 4人阅读 评论(0) 收藏
- 关于automatic_Panoramic_Image_Stitching_using_Invariant_features 的阅读笔记
- SRM 600(1-250pt,500pt)
- HTML5 datalist实现suggest功能
- Unity 3d 刚体
- UVA - 129 Krypton Factor (困难的串)(回溯法)
- 使用redis的比较完美的加锁解锁
- android头像选择(拍照,相册,裁剪)
- facebook marketing(市场营销) API(3)
- Xpath 获取html文档的标签
- DeeplabV3+ 在自己环境下跑出现的错误
- Ionic-轮播图ion-slide-box
- springCloud配置本地配中心SpringCloudConfig