使用sw-precache和React将文件保存在缓存中

Question

有人知道我如何使用sw-precache插件和React来缓存我的APP_SHELL文件吗？

该应用程序是使用cra命令创建的，我已经设法读取自己的服务人员。对于构建和获取文件，我具有以下配置：

module.exports = {
        staticFileGlobs: [
          'build/static/css/**.css',
          'build/static/js/**.js',
          'index.html',
          '/'
        ],
        swFilePath: './build/service-worker.js',
        stripPrefix: 'build/',
        importScripts: (['./service-worker-custom.js']),
        handleFetch: false,
        minify: true,
      }

但是我不知道该在哪部分指示我需要缓存我的PWA的APP_SHELL。

我曾尝试从我的自定义服务工作者处执行此操作，但是我无法正确注册文件，因此我尝试过这种方式：

const cacheUrls = [
    '/',
    'build/static/css/**.css',
    'build/static/js/**.js',
    'build/media/**.jpg'
];

const cacheUrls = [
    '/',
    '/index.html',
    '/static/css/',
    '/static/js/',
    '/static/media/',
];


const cacheUrls = [
    '/',
    'build/static/css/*.css',
    'build/static/css/**/*.css',
    'build/static/js/*.js',
    'build/static/js/**/*.js',
    'build/media/**/*.jpg',
    'build/media/*.jpg'
];

但是绝不将文件注册到缓存中，只有index.html和其他文件在chrome控制台中查看其条件时，才具有与index.html相同的内容。

谢谢！