Vue-cli3更改项目logo图标

1、图标切成对应大小
2、图标名称后缀与vue原有图标logo名称、后缀一致（ favicon.ico），并替换
3、vue项目根目录下新建 vue-config.js,添加下列代码

module.exports = {pwa: {iconPaths: {favicon32: 'favicon.ico',favicon16: 'favicon.ico',appleTouchIcon: 'favicon.ico',maskIcon: 'favicon.ico',msTileImage: 'favicon.ico'}}
};

4、重启刷新项目

成功更换

Vue-cli3更改项目logo图标相关推荐

Vue移动端项目——字体图标的使用
使用 iconfont 制作字体图标设计师为我们单独提供了设计稿中的图标,为了方便使用,我们在这里把它制作为字体图标. 制作字体图标的工具有很多,在这里我们推荐大家使用:https://www.ic ...
vue cli3 搭建项目使用vue-router 以及 element-ui
搭建vue项目,(node和git 首先要下载) 1.首先根据vue官网 Cli的说明,快速搭建. cli3上的命令应该是: vue create 项目名称(之后可以一路回车) npm run ser ...
【Android】AndroidStudio新建安卓项目、更改项目logo及生成APK签名安装包
一.创建Android项目安装好Android Studio并且下载好SDK 之后,我们可以新建一个android项目. 依次点菜单栏的File–New–New Project 我们选择一个带有空白 ...
【Flask】 Not Found: /favicon.ico 项目logo图标加载
当浏览器访问我们的服务器时,浏览器会默认请求项目根路径下的favicon.ico文件,根目录下没有这个文件,所以就报了这个错误. INFO:werkzeug:127.0.0.1 - - " ...
vue cli3 配置上线本地图标转换base64 显示
chainWebpack: config => {config.module.rule('images').use('url-loader').loader('url-loader').tap( ...
vue cli3.x 项目中引入 vux（一）：手动配置
最近做的一个项目,是使用vux组件库开发的,使用的时候发现vux在使用的时候需要做一些相应的配置,记录如下: 建议 node.js 版本在 7.6.0 以上. 1.引入vux # npm instal ...
vue项目更改名字和图标
Vue项目开发最后一步:更改项目名称和图标. 没想到这一步卡了我两个多小时. 更改项目名称: 找到index.html打开,修改. 刷新/重新运行项目或者重装node_modules(建议选择第二种) ...
vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
Vue.js-Day07【项目实战(附带完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...

Vue-cli3更改项目logo图标

Vue-cli3更改项目logo图标相关推荐

最新文章

热门文章