vue.config.js

const SWPrecache = require('sw-precache-webpack-plugin')

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ],
  css: {
    loaderOptions: {
      scss: {
        prependData: `@import "@/assets/styles/main.scss";`
      }
    }
  },
  pwa: {
    workboxOptions: {
      exclude: [/\.map$/, /_redirects/],
      runtimeCaching: [{
        urlPattern: /(http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg))/g,
        handler: 'networkFirst',
        options: {
          networkTimeoutSeconds: 20,
          cacheName: 'img-cache',
          cacheableResponse: {
            statuses: [0, 200],
          },
        },
      },
      {
        urlPattern: /^https:\/\/(fonts)/,
        handler: 'networkFirst',
        options: {
          networkTimeoutSeconds: 20,
          cacheName: 'fonts-cache',
          cacheableResponse: {
            statuses: [0, 200],
          },
        },
      }]
    }
  },
  chainWebpack: config => {
    config.plugins.delete('prefetch');
  },
  configureWebpack: () => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          new SWPrecache({
            cacheId: "geekscore",
            filepath: "service-worker.js",
            staticFileGlobs: [
              "public/index.html",
              "public/site.webmanifest",
              "dist/**/*.{js,css}"
            ],
            stripPrefix: "/"
          })
        ]
      }
    }
  }
}