美文网首页
Vue 在index.html添加小图标(Vue-cli)

Vue 在index.html添加小图标(Vue-cli)

作者: 取个帅气的名字真好 | 来源:发表于2018-06-13 11:10 被阅读45次
看看简书的效果

一、转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

完!

相关文章

网友评论

      本文标题:Vue 在index.html添加小图标(Vue-cli)

      本文链接:https://www.haomeiwen.com/subject/bubheftx.html