You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.6 KiB
42 lines
1.6 KiB
/** |
|
* @program: kicc-ui |
|
* @description: vite-plugin-pwa配置 |
|
* 提供零配置就可以实现(pwa)渐进式web应用程序 |
|
* 什么是渐进式(就是兼容新旧浏览器,如果旧浏览器的技术太落后不支持某个模块,可以选择的把这个功能去掉在旧浏览器中不显示,在最新的浏览器中显示) |
|
* 了解更多信息: https://juejin.cn/post/6844903461645991943 |
|
* 目前主要用来开启service-worker让他来做缓存的: https://developer.mozilla.org/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers |
|
* 文档: https://github.com/antfu/vite-plugin-pwa |
|
* @author: wangxiang4 |
|
* @create: 2022/4/6 |
|
*/ |
|
|
|
import { VitePWA } from 'vite-plugin-pwa'; |
|
|
|
export function configPwaConfig(env: ViteEnv) { |
|
const { VITE_USE_PWA, VITE_GLOB_APP_TITLE, VITE_GLOB_APP_SHORT_NAME } = env; |
|
if (VITE_USE_PWA) { |
|
const pwaPlugin = VitePWA({ |
|
// pwa应用相关配置,参考配置选项: https://developer.mozilla.org/en-US/docs/Web/Manifest/short_name |
|
manifest: { |
|
name: VITE_GLOB_APP_TITLE, |
|
short_name: VITE_GLOB_APP_SHORT_NAME, |
|
// 用于浏览器各种上下文中用作Web应用程序的标志性表示的图像,比如安卓上新建快捷方式 |
|
// 更多信息请参考: https://w3c.github.io/manifest/#icons-member |
|
icons: [ |
|
{ |
|
src: './resource/img/pwa-192x192.png', |
|
sizes: '192x192', |
|
type: 'image/png' |
|
}, |
|
{ |
|
src: './resource/img/pwa-512x512.png', |
|
sizes: '512x512', |
|
type: 'image/png' |
|
} |
|
] |
|
} |
|
}); |
|
return pwaPlugin; |
|
} |
|
return []; |
|
}
|
|
|