我正在尝试为我的网站实施一名服务人员。我将SWPrecacheWebpackPlugin与vue和注册结合使用,等等效果很好。不知何故它不能缓存所有文件,在这种情况下,我猜是最重要的app.js文件。
当我在线时,vue构建的文件结构如下:
但是当我检查缓存时,app.js文件丢失了,在脱机模式下,我只会得到一个白页。
很明显,服务工作者已经启动并正在运行,甚至正在缓存某些内容,但没有缓存相关的app.js文件。
我的webpack配置如下:
new SWPrecacheWebpackPlugin({
cacheId: 'xxx',
filename: 'service-worker.js',
staticFileGlobs: ['dist/**/*.{js,html,css}'],
minify: true,
stripPrefix: 'dist/'
})
我实际上不知道我缺少什么。
更新:
app.js文件太大,没有被插件缓存。没有警告,没有错误,没什么...