我现在使用的是Nuxt和PWA插件,包括workbox模块。但是,如果我没记错的话,这个插件不允许将webpack生成的资源添加到先行缓存中。
是否可以使用workbox-webpack-plugin来只生成sw.js文件的预缓存部分?如果是这样的话,会怎么做?
有一些关于https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin的文档,但是我不确定如何将其应用于Nuxt PWA上下文。
发布于 2019-04-15 02:27:32
事实证明,这只是版本3中的一个问题。现在,我使用以下解决方法:
插件创建空文件plugins/sw-precache-register.js
workbox.precaching.precacheAndRoute(self.__precacheManifest)
在nuxt.config.js:中添加以下内容:
import { InjectManifest } from 'workbox-webpack-plugin'
...
workbox: {
importScripts: ['_nuxt/sw-precache.js'],
workboxExtensions: ['~/plugins/sw-precache-register.js']
}
如果有人有更好的解决方案,我会接受这个答案。
https://stackoverflow.com/questions/55591206
复制相似问题