准备:添加
ico
图标在与index.html
同级的目录
-
第一种方法:
在
index.html
中引入:<link rel="shortcuticon" type="image/x-icon" href="./favicon.ico" />
-
第二种方法
在
webpack.dev.conf.js
和webpack.prop.conf.js
目录找到plugins
的new HtmlWebpackPlugin
中添加favicon: './favicon.ico'
效果如下:
new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon: './favicon.ico' }),
第二种方法的基础上还是无法显示,可以在
webpack.prod.conf.js
的相同位置添加favicon: './favicon.ico'
3 . 一般两种方法择其一就好,修改配置之后要重新run 一下,查看网页源代码有配置ico的代码就对了;如果一直不对的话,清缓存
重启电脑就好;