sw-precache-webpack-plugin怎么缓存cdn的数据呢

Question

用sw-precache-webpack-plugin 放在同域名下可以offline，但是我把静态文件放到CDN上就，一直失败报：

An unknown error occurred when fetching the script.
service-worker.js Failed to load resource: net::ERR_INTERNET_DISCONNECTED

有人知道怎么配置CDN吗？

Answer 1

// 需要根据路由动态处理的文件

runtimeCaching: [
    // 如果在staticFileGlobs中设置相同的缓存路径，可能导致此处不起作用
    {
        urlPattern: /\/js\//,
        handler: 'fastest',
        options: {
            cache: {
                maxEntries: 10,
                name: 'js-cache'
            }
        }
    },
    {
        urlPattern: /\/fonts\/|\.ttf|\.eot|\.svg|\.woff/,
        handler: 'fastest',
        options: {
            cache: {
                maxEntries: 10,
                name: 'fonts-cache'
            }
        }
    },
    {
        urlPattern: /^https:\/\/example\.com\/api/,
        handler: 'networkFirst',
        options: {
            cache: {
                maxEntries: 1000,
                name: 'api-cache'
            }
        }
    },
]

参考：https://lavas.baidu.com/pwa/offline-and-cache-loading/service-worker/service-worker-lifecycle