1.最好把图标与index.html放入同一级
2.在build文件夹下webpack 配置文件里面配置
// 在webpack.dev.conf.js 里面的 plugins配置
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon: './favicon.ico' //增加这条
})
//在 webpack.prod.conf.js 里面 plugins 配置 ，不然build的时候也找不到favicon.ico
new HtmlWebpackPlugin({
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.重启项目就OK了
