首页 > 作文

vue favicon.ico正确显示教程(代码)

更新时间:2023-04-03 10:12:24 阅读: 评论:0

方法1 修改webpack配置

vue 中修改webpack配置使其正确显示, 版本如下

"vue": "^2.1.9","webpack": "^2.2.1","html-webpack-plugin": "^2.28.0"

客观与主观的区别修改文件

webpack.dev.conf.js    # p    let path = require('path') // 增加    new HtmlWebpackPlugin({      filename: 'index.html'四川长江职业学院官网,      template: 'index.html',      inject: true,      favicon: path.resolve('favicon.ico') // 增加    }),webpack.prod.conf.js    # prod    new HtmlWebpackPlu抠图教程gin({      fi风味食品lename: config.build.index,      template: 'index.html',      inject: true,      favicon: path.resolve('favicon.ico'), //新增      minify: {        removeComments: true,        collapWhitespace: true炸带鱼的做法大全,        removeAttributeQuotes: true        ...    }),

以上代码 笔者通过测试, 可以正确展示favicon图标

注意得重新打开dos窗口启动npm run dev

方法2 修改index.html

测试没通过, 待有时间解决做个记录

<head>    <meta chart="utf-8">    ...    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/></head>

本文发布于:2023-04-03 10:12:22,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b9408d943e86e6ee96b4f4fd9e22592c.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:vue favicon.ico正确显示教程(代码).doc

本文 PDF 下载地址:vue favicon.ico正确显示教程(代码).pdf

标签:正确   测试   方法   带鱼
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图