ico我们在进入一些网站的时候，会发现在浏览器顶部标题栏的左侧有一个带有logo的图标，这是ico角色。使用ico图标可以让读者更容易识别你的网站，增加流量收入；其次更容易产生专业的美感，也能在一定程度上降低服务器的流量带宽成本。favicon.icofavicon是FavoritesIcon的缩写，翻译成中文就是网站头像或者网站logo。而ico是文件的后缀。网站图标是与网站或网页相关联的图标。正如我们所熟悉的，百度加载favicon1。生成ico文件通过在线网站生成ico。如Bitworm、ico51文件名：强烈推荐favicon.ico文件目录：强烈推荐放在项目根目录下2.修改webpack配置文件，更新webpack.dev.conf.js和webpack.prod.conf.js文件同步。这里需要html-webpack-plugin插件。webpack.dev.conf.js:开发环境配置newHtmlWebpackPlugin({filename:'index.html',template:'index.html',inject:true,//配置faviconfavicon:path.resolve('favicon.ico')}),webpack.prod.conf.js:生产环境配置newHtmlWebpackPlugin({filename:config.build.index,template:'index.html',inject:true,//配置faviconfavicon:path.resolve('favicon.ico')...}),注：重新加载后生效3.重启后，你会发现一个带有logo图标的banner。参考资料html-webpack-pluginwebpack
