0Pricing
Vue Academy · Lesson

vite-plugin-pwa Setup

Plugin configuration, manifest options, icons, screenshots, display modes, scope.

What is a PWA

A Progressive Web App adds installability, offline support, and native-like features to a web app via a service worker and a web app manifest. vite-plugin-pwa automates wiring both into a Vue + Vite build.

Installing the Plugin

Install vite-plugin-pwa as a dev dependency. It uses Workbox under the hood to generate the service worker.

npm install -D vite-plugin-pwa

All lessons in this course

  1. vite-plugin-pwa Setup
  2. Service Worker Strategies
  3. Offline Support and Background Sync
  4. Push Notifications in Vue PWA
← Back to Vue Academy