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