vue/cli2:
-
对应文件的目录结构:找到build目录下存在webpack.dev.conf.js和webpack.prod.conf.js两个文件。
-
分别配置两个文件中的HtmlWebpackPlugin:
favicon: path.resolve(__dirname, '../static/favicon.png')
(加入这行代码)。 -
cnpm run dev
重启项目。 -
配置成功OK。
vue/cli3:
-
对应目录结构pubild下存放icon图,在src同级目录下创建vue-config.js。
-
安装
@vue/cli-plugin-pwa
,执行命令:cnpm i @vue/cli-plugin-pwa -S -
在vue-config.js文件中增加pwa配置项
pwa:{
iconPaths:{
favicon32:'favicon.png',
favicon16:'favicon.png',
appleTouchIcon:'favicon.png',
maskIcon:'favicon.png',
msTileImage:'favicon.png',
}
}
4. cnpm run serve
重启项目。
5. 配置成功OK。
总结:以上就是两个版本的配置信息,按照步骤即可修改成功,如遇问题请联系博主xuejwy@163.com
帮助到你请随手点个赞吧
持续更新