How to cache the entire folder

See more:

Javascript

web_cache

HTML5

, +

i do not get the result i want out in searching
I am making the Progressive web apllication (pwa) to work offline but my some of data is in folder which is very time consuming to wite all the dir in service worker js to cache is there any way to cache the entire folder

What I have tried:

<pre>self.addEventListener('install', e => {
    e.waitUntil(
        caches.open("spotify_clone").then(cache => {
            return cache.addAll(["./index.html", "./style.css", "./script.js", "./", "./songs/", "./5.jpg", "./songs/0.mp3", "./songs/1.mp3", "./songs/2.mp3", "./songs/3.mp3", "./songs/4.mp3", "./songs/5.mp3", "./BG.jpg", "./giphy.gif", "./manifest.json","./fontawesome <= this is the folder i want cache"])
        })
    )
})
self.addEventListener('fetch', e => {
    e.respondWith(
        caches.match(e.request).then(response => {
            return response || fetch(e.request)
        })
    )
})