Web サイトに Service Worker を実装しようとしています。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 ファイルが大きすぎて、PlugIn によってキャッシュされませんでした。警告もエラーも何もありません...