一向很猎奇他人的网站的地址栏为何有小图标，而我本身写的网页的地址栏永久显现的都是空缺文档的图标，因而在网上搜了一下完成体式格局，得出了两种要领，下面来引见。

预备工作：
1、制造.ico图片，应用在线转换器将.png或.jpg花样的图片转换成.ico花样
2、将制造好的图片放进 static文件夹中

第一种体式格局：

预备完成后在index.html页面中的title标签里增加属性：
<title rel='shortcut icon' type='image/x-icon' href='static/favicon.ico'>test-demo</title>

第二种体式格局：

将favicon.ico直接放在根目录下，在build文件夹下面的 webpack.dev.conf.js 中修正 plugins中的 new HtmlWebpackPlugin，修正以下：

• 修正好以后，封闭之前的页面，从新运转一下代码，翻开一个新页面，就能够看到地址栏的小图标了