Laravel Mix Workbox example

webpack.mix.js

const mix = require('laravel-mix');

// Import the workbox plugin
require('laravel-mix-workbox');

mix
  // ... js, scss, and other rules

  // webpackConfig is important here
  .webpackConfig({
      output: { publicPath: '' }
  })
  .generateSW({
      // Set the path to the sw.js file
      swDest: path.join(`${__dirname}/public`, 'sw.js'),

      // Do not precache images
      exclude: [
          /\.(?:png|jpg|jpeg|svg)$/,
          // Ignore the mix.js that's being generated 
          'mix.js'
      ],

      // Define runtime caching rules.
      runtimeCaching: [
          {
              // Match any request that 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',
              },
          }
      ],

      clientsClaim: true,

      skipWaiting: true
  });

Thanks for "Ignore the mix.js". Two hours for searching it :)