当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 | new HtmlWebpackPlugin({
filename: config.build.index,
template: 'index.html',
inject: true,
favicon: path.resolve('favicon.ico'),
minify: {
emoveComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
...
}),
|
方法三 ：vue项目打包后favicon无法正常显示
解决方法：
在webpack.prod.config.js中的HtmlWebpackPlugin插件选项中配置favicon选项，其中favicon的路径是个相对路径
1 2 3 4 5 6 | new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
favicon: 'src/assets/img/favicon.ico',
inject: true
}),
|
修改配置文件后需重启npm run dev
打包后根目录下就会有favicon.ico
相关免费学习推荐：JavaScript（视频）
以上就是vue.js中怎么添加favicon图标的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
vue.js与react.js区别是什么
微信小程序能不能用vue.js
vue.js怎么引入img
vue.js能做app吗
vue.js怎么加载js插件
vue.js怎样刷新组件
vue.js中如何写注释
vue.js刷新404找不到页面怎么办
深入浅析with的使用
vue.js怎么请求数据
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js中怎么添加favicon图标
