制作ico
favicon制作 - 在线工具
前提ico文件不要放在根目录,要放在static/目录下
在html文件中加入这一句话
<link rel="shortcut icon" href="./static/favicon.ico">
再修改webpack
找到build>webpack.dev和prod
只需要在dev和prod都添加这一句:favicon: './static/favicon.ico', // 新增
一定都要添加,单反一个文件不添加就无法显示ico
new HtmlWebpackPlugin({filename: 'index.html',template: 'index.html',favicon: './static/favicon.ico', // 新增inject: true}),
添加完毕后,刷新网页,如果未显示,可以再npm install ,结果如下