Vue 在index.html添加小图标（Vue-cli）

看看简书的效果

一、转ico格式

jpg/png 转 ico

二 、 完成以下代码

如果是脚手架新建的话

找到你的配置文件

// build/webpack.dev.conf.js

重点在这

new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true,
    favicon: './static/logo.ico'   // 加上这个，重点
})

//index.html 中

<link rel="shortcut icon" href="static/logo.ico" type="image/x-icon"/>

三、重启

npm run dev

完！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容