webpack.config.js

const WorkboxPlugin = require('workbox-webpack-plugin');
module.exports = require('@spatie/webpack')({
    entry: {
        'js/app': './resources/js/app.js',
        'css/app': './resources/css/app.css',
        'sass/app': './resources/sass/app.scss',
    },
    plugins: [
        // Other plugins...
        new WorkboxPlugin.GenerateSW({
            // Exclude images from the precache
            exclude: [/\.(?:png|jpg|jpeg|svg)$/],
            // Define runtime caching rules.
            runtimeCaching: [{
                // Match any request ends with .png, .jpg, .jpeg or .svg.
                urlPattern: /\.(?:png|jpg|jpeg|svg)$/,
                // Apply a cache-first strategy.
                handler: 'cacheFirst',
                options: {
                    // Use a custom cache name.
                    cacheName: 'images',
                    // Only cache 10 images.
                    expiration: {
                        maxEntries: 10,
                    },
                },
            }],
        })
    ]
});