vite.config.pwa.ts

import { VitePWA } from 'vite-plugin-pwa'

export default () => VitePWA({
    // mode: 'development',
    scope: '/',
    base: '/',
    registerType: 'autoUpdate',
    workbox: {
        cacheId: 'mmf-blog-vite-vue3',
        globPatterns: ['**/*.{js,css,txt,png,ico,svg}'],
        navigateFallback: null,
        cleanupOutdatedCaches: true,
        runtimeCaching: [
            {
                urlPattern: /^https:\/\/(cdn|fastly)\.jsdelivr\.net\/.*/i,
                handler: 'CacheFirst',
                options: {
                    cacheName: 'jsdelivr-cache',
                    cacheableResponse: {
                        statuses: [0, 200],
                    },
                    expiration: {
                        maxEntries: 10,
                        maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
                    },
                },
            },
            {
                urlPattern: /^https:\/\/cravatar\.cn\/.*/i,
                handler: 'CacheFirst',
                options: {
                    cacheName: 'avatar-cache',
                    cacheableResponse: {
                        statuses: [0, 200],
                    },
                    expiration: {
                        maxEntries: 10,
                        maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
                    },
                },
            },
        ],
    },
    manifest: {
        name: 'M.M.F小屋',
        short_name: 'M.M.F小屋',
        theme_color: '#54d9e0',
        background_color: '#ffffff',
        icons: [
            {
                src: '/static/img/icons/android-chrome-48x48.png',
                sizes: '48x48',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/android-chrome-72x72.png',
                sizes: '72x72',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/android-chrome-96x96.png',
                sizes: '96x96',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/msapplication-icon-144x144.png',
                sizes: '144x144',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/android-chrome-168x168.png',
                sizes: '168x168',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/android-chrome-192x192.png',
                sizes: '192x192',
                type: 'image/png',
            },
            {
                src: '/static/img/icons/android-chrome-512x512.png',
                sizes: '512x512',
                type: 'image/png',
            },
        ],
        start_url: '/',
        display: 'standalone',
        lang: 'zh-CN',
    },
})