vue中添加favicon.ico

• Z时代
• 2024-01-10
• 分类：综合

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

以上是 vue中添加favicon.ico 的全部内容， 来源链接： utcz.com/z/378966.html