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次都没什么效果, 具体什么原因没有研究), 可以试着换一个端口重新启动.