vue项目中配置标题栏title的图标和文字

最新推荐文章于 2024-04-26 16:47:03 发布

weixin_34204057

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量3.8k

点赞数

文章标签： javascript webpack 前端 ViewUI

原文链接：http://www.cnblogs.com/softwarefang/p/9405537.html

版权

一、普通 HTML 页面，配置图标和文字

<head>
  <title>标题栏文字</title>
  <link rel="icon" href="../favicon.ico" type="image/x-icon">
</head>

二、vue 项目中，配置图标和文字

1. 在网站根目录下的 index.html 文件的title 标签中添加标题栏文字

2. 将图片.ico 文件放在网站根目录下

3. 修改 build 文件夹下 webpack.prod.conf.js 和 webpack.dev.conf.js 文件

var path = require('path') // 开头引入 path 模块
....
// HtmlWebpackPlugin 中添加 favicon
new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: path.resolve('favicon.ico'), // 引入图片地址
  inject: true
})

4. 重新启动项目即可

转载于:https://www.cnblogs.com/softwarefang/p/9405537.html

优惠劵

weixin_34204057

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue项目中配置标题栏title的图标和文字

一、普通 HTML 页面，配置图标和文字<head> <title>标题栏文字</title> <link rel="icon" href="../favicon.ico" type="image/x-icon"></head>二、vue 项目中，配置图标和文字1.在网站根目录下的 ind...
复制链接

扫一扫