vuecli2和vuecli3項目中添加網頁標題圖標

vuecli2中添加頁面標題圖標

1. 將favicon.ico放到項目文件夾根目錄下;

　　

 

 

2. build/ webpack.dev.conf.js, build/ webpack.prop.conf.js中配置:

const HtmlWebpackPlugin = require('html-webpack-plugin') new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', favicon: path.resolve('./favicon.ico'), inject: true }),

 

3.重啓項目

 

vuecli3中添加頁面標題圖標

將目標圖標命名爲favicon.ico, 替換掉public文件夾中的favicon.ico, 而後重啓項目, 不須要在vue.config.js裏配置什麼.

這樣啓動的時候有可能有緩存, 圖標不顯示或者不更新, 有時候還顯示相近端口的頁面圖標(這是我遇到的, 重啓N次都沒什麼效果, 具體什麼緣由沒有研究), 能夠試着換一個端口從新啓動.