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次都沒什么效果, 具體什么原因沒有研究), 可以試着換一個端口重新啟動.