2024年前端最全vue中添加favicon 图标（3种方法）_vue favicon(1)，阿里P8面试官都说太详细了

最新推荐文章于 2024-05-31 16:23:29 发布

2401_84617431

最新推荐文章于 2024-05-31 16:23:29 发布

阅读量958

点赞数

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84617431/article/details/138762174

版权

101 篇文章 0 订阅

订阅专栏

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

缺点：打包后需要将favicon.ico复制到根目录

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: {

emoveComments: true,

collapseWhitespace: true,

removeAttributeQuotes: true

…

}),

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

关注