Ausführung
vite 4.4.4
vite-plugin-pwa 0.16.4
Grund
Die standardmäßig zwischengespeicherte maximale Dateigröße von VITE+PWA beträgt 2 * 1024 * 1024 Byte.
Wenn eine erstellte Datei größer als 2 MB ist, wird ein Alarm ausgegeben, zum Beispiel:
warnings
asset/index-1c19bbdf.js ist 2,92 MB groß und wird nicht vorab zwischengespeichert. Konfigurieren Sie „maximalFileSizeToCacheInBytes“, um diesen Grenzwert zu ändern.
Lösung
Ändern Sie vite.config.ts
...
export default defineConfig({
plugins: [
...,
VitePWA({
...,
workbox: {
...,
// 添加此项配置，增加需要缓存的最大文件大小
maximumFileSizeToCacheInBytes: 4 * 1024 * 1024
},
...
})
],
...
})
Verwandte Fragen
Da einige Dateien nicht vorab zwischengespeichert sind, verursacht der Client nach der Aktualisierung der Site eine Ausnahme beim Laden. Die Site muss neu geladen werden, nachdem die Client-PWA die Aktualisierung abgeschlossen hat, damit sie normal geladen werden kann.
Der Grund dafür ist, dass die Auslagerungsdatei zwischengespeichert wird, die von der Auslagerungsdatei referenzierte Ressourcendatei jedoch nicht vorab zwischengespeichert wird. Nach der Neuerstellung und Bereitstellung kann die zwischengespeicherte Seite die entsprechende Ressourcendatei nicht gemäß der ursprünglichen Ressourcendateiadresse herunterladen. Nach der PWA Das Update ist abgeschlossen, die Site wird neu geladen und die aktualisierte Auslagerungsdatei wird verwendet. Die neue Ressourcendateiadresse lädt die entsprechende Ressourcendatei korrekt herunter.