Github Docs EN |

BrowserUX Inject SW Assets

Une solution simple et efficace pour garantir un support hors ligne complet dans vos applications Vite + PWA.

BrowserUX Inject SW Assets est un plugin Vite léger et intelligent conçu pour injecter automatiquement vos fichiers statiques (images, JSON, etc.) dans votre service worker personnalisé. Il complète parfaitement la stratégie injectManifest de vite-plugin-pwa en s'assurant que tous les fichiers non détectés par Workbox sont correctement précachés. Il offre une expérience hors ligne complète, sans configuration complexe ni assets oubliés.

npm install vite-plugin-inject-sw-assets

Télécharger

Plugin pour Vite
Voir le CHANGELOG

Fonctionnalités clés de BrowserUX Inject SW Assets

🔍 Analyse le répertoire de sortie du build pour les assets statiques après chaque build
🖼️ Détecte les fichiers par extensions configurables (par défaut : png, jpg, jpeg, svg, webp, ico, json)
🔑 Calcule un hash de révision MD5 à 8 caractères par fichier pour l'invalidation du cache Workbox
🧼 Exclut automatiquement les icônes PWA déjà listées dans manifest.webmanifest
🚫 Prend en charge les patterns d'exclusion glob personnalisés (excludePatterns)
⚙️ Génère un fichier sw-assets.js prêt à importer déclarant self.__INJECTED_ASSETS__/
📋 Le format de sortie est directement compatible avec precacheAndRoute() de Workbox
🏗️ Build uniquement, ne s'exécute jamais en mode développement (apply: 'build')
🚀 Complète vite-plugin-pwa avec la stratégie injectManifest
🔌 Compatible avec tous les frameworks Vite (React, Vue, Svelte, Astro…)