博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli中浏览器图标的配置
阅读量:5059 次
发布时间:2019-06-12

本文共 740 字,大约阅读时间需要 2 分钟。

在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 中添加 faviconnew HtmlWebpackPlugin({  filename: 'index.html',  template: 'index.html',  favicon: path.resolve('favicon.ico'), // 引入图片地址  inject: true})

最后重新执行npm run dev即可。

 

****************************************   END   ****************************************

转载于:https://www.cnblogs.com/silent007/p/9072000.html

你可能感兴趣的文章
团队项目开发客户端——登录子系统的设计
查看>>
【AppScan心得】IBM Rational AppScan 无法记录登录序列
查看>>
[翻译] USING GIT IN XCODE [4] 在XCODE中使用GIT[4]
查看>>
简化通知中心的使用
查看>>
SpringMVC的@Validated校验注解使用方法
查看>>
Python之os模块
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
【蓝桥杯】PREV-21 回文数字
查看>>
html 简介
查看>>
python使用上下文对代码片段进行计时,非装饰器
查看>>
js中比较实用的函数用法
查看>>
安装预览版镜像后无法检测到预览版更新的解决方案
查看>>
【bzoj5099】[POI2018]Pionek 双指针法
查看>>
别让安全问题拖慢了 DevOps!
查看>>
JAR打包和运行
查看>>
session如何保存在专门的StateServer服务器中
查看>>
react展示数据
查看>>
测试计划
查看>>
idea设置自定义图片
查看>>
[高级]Android多线程任务优化1:探讨AsyncTask的缺陷
查看>>