vue項目網頁的title前添加icon


當網頁打開過多時,總是很難找到自己平台的標簽頁

如果在自己的平台的title前,添加一個icon的話,就可以很快找到

如何添加圖標呢?

步驟如下:

1、首先需要制作一個小圖標,可以通過一些在線制作網站來弄,步驟不詳談,保存為favicon.ico文件

2、在項目index.html同級目錄下添加favicon.ico文件

3、在index.html文件中,鏈接我們添加的文件

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

4、在build目錄下,找到webpack.dev.conf.js和webpack.prod.conf.js兩個配置文件

5、分別在兩個配置文件中搜索:HtmlWebpackPlugin,然后添加:favicon: path.resolve('./favicon.ico'),


6、重啟vue項目即可顯示。添加前和添加后的對比


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM