1、最好把 favicon.ico 放到 index.html 放到同一目录
2、在 webpack 配置文件里面配置
// 在 webpack.dev.conf.js 里面的 plugins 配置newHtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon: './favicon.ico'// 增加这条}), // 和在 webpack.prod.conf.js 里面 plugins 配置,不然 build 的时候也找不到 favicon.iconewHtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, favicon: './favicon.ico', // 增加这条minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true }, chunksSortMode: 'dependency'})
3、在 index.html 中引入代码
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
4、修改完配置文件最好 npm run dev 一下
如果这样小图标还是没有显示,最好 清空一些缓存~