在vue项目中设置网站图标

怎么在我们的Vue项目中设置自定义的网站图标：

首先我们需要先制作个ico图标，大小为32*32的，放到static文件夹下，附制作网站，我们把制作好的ico图片改名为：favicon.ico（注：必须改名），放到我们项目中的static文件夹下。
分别在webpack.prod.conf.js和webpack.dev.conf.js里面配置ico图标路径：
添加代码：
```
favicon: path.resolve('static/img/favicon.ico') // 设置网站图标
```
webpack.prod.conf.js文件：

webpack.dev.conf.js文件：
重启项目，大功告成！

在vue项目中设置网站图标相关推荐

vue项目中设置网站图标
怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...
vue项目中设置浏览器图标
如何设置项目运行时在浏览器网页窗口中图标的显示,请如下操作: 通过看vue项目的目录结构,根目录下有一个index.html,这个就相当于我们普通项目中的各个html页面文件,所以设置方法就是在ind ...
如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
video.js在vue项目中设置中文语言包，报错videojs is not defined 解决办法
在vue项目中使用video.js时要求中文化,但是网上的解决办法不太好找,特此记录一下. 错误步骤: 根据网上的教程,找到中文包在node_modules/video.js/dist/lang/zh ...
在vue项目中使用svg图标
目录 VUE项目中为什么使用svg 1.在src/components下创建文件夹,命名为SvgIcon,并再SvgIcon文件夹下,新增目录index.vue文件: 2.在src目录下,新增文件夹, ...
vue项目中使用iconMoon图标
前两篇文章写了一下如何在vue项目中使用vue-awesome和阿里的iconfont,这里介绍一下如何使用iconMoon图标 iconMoon和前两者相比可以生成自己的矢量图,这点是我喜欢的.至于 ...
vue项目中自定义icon图标
vue项目中有时需要用到自定义图标,用法如下新建icon.css文件,定义图标及其名称 /*指针图标*/ .icon-pointer {background: url('../assets/imag ...
如何在VUE项目中使用svg图标
一文带你搞定svg图标的使用! 文章目录前言一.SVG相较于字体图标的优点二.使用步骤 1.新建一个vue2项目 2.安装项目依赖 3 .在src目录下新建文件夹 4.创建svg-icon组件 ...
Vue项目中设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...

在vue项目中设置网站图标

在vue项目中设置网站图标相关推荐

最新文章

热门文章