当前第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怎么让网页定时刷新
简书 jsplumb使用
vue.js怎么引入外部js
vue.js项目如何编译打包
vue.js是mvvm框架吗
vue.js如何判断输入是否是数字
vue.js为什么是轻量的
vue.js能做pc端吗
vue.js怎样引入css样式
vue.js支持ie8吗
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js中怎么添加favicon图标