先在根目录下新建个 favicon.ico 图标文件
然后找到build文件夹下的webpack.dev.conf.js和webpack.prod.conf.js 分别添加这行代码
favicon: path.resolve('favicon.ico'),
在webpack.dev.conf.js代码
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico')
}),
在webpack.prod.conf.js中代码
new HtmlWebpackPlugin({
filename: process.env.NODE_ENV === 'testing'
? 'index.html'
: config.build.index,
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico'),
minify: {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
// more options:
// https://github.com/kangax/html-minifier#options-quick-reference
},
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
chunksSortMode: 'dependency'
}),
还要看这俩文件有没有这行代码
const path = require('path')
之后重启项目就可以了