vue-cli修改小圖標(biāo)(shortcut)
1、首先修改build文件夾下webpack.dev.conf.js文件,在new HtmlWebpackPlugin下添加favicon字段(你的小圖標(biāo)),如下:
new HtmlWebpackPlugin({ ? ? ?filename: 'index.html', ? ? ?template: 'index.html', ? ? ?inject: true, ? ? ?favicon: './src/assets/images/bitbug_favicon.ico' }),
2、然后在根目錄的index.html下添加小圖標(biāo)link
<link rel="shortcut icon" href="https://www.cnblogs.com/qianyou304/p/src/assets/images/bitbug_favicon.ico" type="image/icon" />
-------------------------------------------------------------------------------?
3、新版本的vue-cli只需要在項(xiàng)目public文件下添加自己的小圖標(biāo),然后在index.html中修改favicon.ico所在位置的文件名稱。
<head>
????<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<link?rel="icon"?href="https://www.cnblogs.com/qianyou304/p/<%=?BASE_URL?%>logo.svg">
????<title><%=?htmlWebpackPlugin.options.title?%></title>
??</head>
原文鏈接:https://www.dianjilingqu.com/441657.html