BrowserUX Inject SW Assets

Une solution simple et efficace pour garantir un fonctionnement hors-ligne optimal 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 le 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 soient correctement précachés. Il offre une expérience offline complète, sans configuration complexe ni oublis critiques.

Télécharger v1.0.2

Plugin pour Vite
Voir le CHANGELOG

npm install vite-plugin-inject-sw-assets

Fonctionnalités

- 🗂️ Scanne automatiquement le dossier dist/ en fin de build pour détecter les fichiers statiques
- 🖼️ Prépare automatiquement les fichiers image, icône, JSON, police, etc. via leur extension (configurable)
- 🔍 Ignore intelligemment les fichiers déjà présents dans manifest.webmanifest (ex : icônes PWA)
- 🧾 Génère un fichier sw-assets.js prêt à être importé dans un service worker personnalisé
- 🧰 Facilement personnalisable via extensions, distDir, output et excludeFromManifest
- 📦 Compatible avec tous les workflows Vite + PWA utilisant injectManifest
- 🚫 Évite les erreurs 404 offline pour les images ou fichiers JSON référencés dans le HTML
- 🎯 Automatise une étape souvent oubliée lors de la configuration de service worker personnalisé
- 🧼 Zéro modification HTML requise, toute la gestion se fait côté build
- 🔄 Compatible avec vite-plugin-pwa sans conflit, en complément de __WB_MANIFEST
- 🛠️ Fonctionne avec tous les projets Vite : React, Vue, Svelte, Vanilla…