12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- import { VitePWA } from 'vite-plugin-pwa'
- export const createPwa = (nodeEnv: string, pwaDev: boolean) => {
- return VitePWA({
- base: nodeEnv === 'development' && pwaDev ? '/' : './', // ./ 或 /
- registerType: 'autoUpdate', // promp弹窗提示手动更新、autoUpdate自动更新,建议使用自动更新
- workbox: {
- cleanupOutdatedCaches: true,
- },
- devOptions: {
- enabled: pwaDev,
- },
- manifest: {
- lang: 'zh',
- name: 'Vue Shop Vite',
- short_name: 'Vue Shop Vite',
- description: 'Vue Shop Vite官网、文档、演示地址',
- background_color: '#ffffff',
- theme_color: '#ffffff',
- icons: [
- {
- src: 'pwa-64x64.png',
- sizes: '64x64',
- type: 'image/png',
- },
- {
- src: 'pwa-192x192.png',
- sizes: '192x192',
- type: 'image/png',
- },
- {
- src: 'pwa-512x512.png',
- sizes: '512x512',
- type: 'image/png',
- purpose: 'any',
- },
- {
- src: 'maskable-icon-512x512.png',
- sizes: '512x512',
- type: 'image/png',
- purpose: 'maskable',
- },
- ],
- },
- }) as any
- }
|