Vue3 service worker et material design lite en cache?


#1

Bonjour à tous et toutes,

Je suis passer sous vue cli3 et je teste les services worker .
Comment faire pour enregistrer en cache les google font et les css + js de material design ?

A priori si j’ai bien compris ca se passe dans le vue.config.js en mode “injectmanifest”… :slight_smile:

module.exports = {
      pwa: {
        name: 'xxxxxxxx',
        themeColor: '#000000',
        msTileColor: '#FFFFFF',
        workboxPluginMode: 'InjectManifest',
        workboxOptions: {
          // swSrc is required in InjectManifest mode.
           swSrc: 'src/registerServiceWorker.js',
          // ...other Workbox options...
         //  C'est ici que ca devrait se jouer ?????????
        }
      },...

Un conseil ?


#2

Hi,

personne pour m’aider à mettre en cache
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script> ?

En vue 2 ca se faisait dans webpack.prod.conf :

 // service worker caching
new SWPrecacheWebpackPlugin({
  cacheId: 'xxxxx',
  filename: 'service-worker.js',
  staticFileGlobs: ['xxxxx/xxxxx/xxxxx/dist/**/*.{js,html,css,jpg,png}'],
  minify: true,
  stripPrefix: 'xxxxx/xxxxx/xxxxx/dist/',
  runtimeCaching: [ {
    urlPattern: /^https:\/\/code\.getmdl\.io\//,
    handler: 'cacheFirst'
  }]
})
]
})

Merci d’avance