如何与Nuxt PWA一起使用workbox-webpack-plugin
如何与Nuxt PWA一起使用workbox-webpack-plugin
提问于 2019-04-09 18:57:22
我现在使用的是Nuxt和PWA插件，包括workbox模块。但是，如果我没记错的话，这个插件不允许将webpack生成的资源添加到先行缓存中。
是否可以使用workbox-webpack-plugin来只生成sw.js文件的预缓存部分？如果是这样的话，会怎么做？
有一些关于https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin的文档，但是我不确定如何将其应用于Nuxt PWA上下文。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-15 02:27:32
事实证明，这只是版本3中的一个问题。现在，我使用以下解决方法：
插件创建空文件plugins/sw-precache-register.js
- create
- /sw-
- 包含以下内容：
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']
}如果有人有更好的解决方案，我会接受这个答案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55591206
复制相关文章
相似问题
腾讯云开发者
