How configure to cache external images with service worker in 0.15?

[wjndy4]

Hello,
My app stores images using firebase. In 0.14, I did it using webpack.prod.conf. What should I do in order to do similar things in 0.15?
I cached external images using sw-toolbox

[a47ae]

If you use quasar mode -a pwa the generated manifestshould already have caching for images enabled:
http://quasar-framework.org/guide/pwa-configuring-pwa.html#Configuring-Manifest-File

[wjndy4]

Thank you for your reply, a47ae. I thought that it just cache local images. So the images which stored on other domains were also cached?

[wjndy4]

Hi a47ae, I just tested. External images were not cached.

[a47ae]

Oh than I misinterpreted the caching rules. I guess internal images are cached?
But you still should be able to add caching by editing the generated service worker.

[wjndy4]

I did it in 0.14 by editing webpack.prod.conf. I used sw-toolbox. But, now I do not know how to do the same things in 0.15

[rstoenescu]

http://quasar-framework.org/guide/pwa-configuring-pwa.html
You might also need to tweak the webpack config. For this, use quasar.conf.js > build > extendWebpack (cfg) -> http://quasar-framework.org/guide/app-quasar.conf.js.html#Extending-Webpack-Config-Object

[wjndy4]

I configured like below code

new SWPrecacheWebpackPlugin({
      cacheId: 'wapps',
      filename: 'service-worker.js',
      staticFileGlobs: ['dist/**/*.{js,html,css,woff,ttf,eof,woff2,json,svg,gif,jpg,png,mp3}'],
      minify: true,
      stripPrefix: 'dist/',      
      runtimeCaching: [
        {
          urlPattern: /^https:\/\/([\w\d]+)\.googleusercontent\.com\//,
          handler: 'cacheFirst'
        }]
    })

File quasar.conf.js just lack of runtimeCaching now. So, Is there any way to just add runtimeCaching?