1、首先将favicon.ico图片放在根目录下

2、修改webpack配置文件

1）找到build下的webpack.dev.conf.js文件

new HtmlWebpackPlugin({

filename: 'index.html',

template: 'index.html',

inject: true,

favicon: path.resolve('favicon.ico') // 新增 }),

2）找到build下的webpack.prod.conf.js文件

new HtmlWebpackPlugin({

filename: config.build.index,

template: 'index.html',

inject: true,

favicon: path.resolve('favicon.ico'), //新增

minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true ... }),

修改配置文件后需重启npm run dev 

打包后根目录下就会有favicon.ico