PWA Build Commands | Quasar Framework

Why donate

API Explorer

How to contribute

Options & Helpers

Style & Identity

Layout and Grid

Vue Directives

Quasar Plugins

Vue Composables

Security

Quasar CLI (with Vite)

Upgrade guide

NEW!

The quasar.config file

Convert project to CLI with Vite

Browser Compatibility

Supporting TypeScript

Lazy Loading - Code Splitting

State Management with Pinia

State Management with Vuex

Linter

Testing & Auditing

SPA mode

SSR mode

PWA mode

Handling Service Worker

PWA with Typescript

Developing Mobile Apps

Capacitor mode

Cordova mode

Electron mode

Browser Extensions mode

Ajax Requests

Opening Dev Server To Public

Quasar CLI (with Webpack)

Icon Genie CLI

App Extensions

Quasar Utils

Quasar CLI with Vite - @quasar/app-vite

PWA Build Commands

Developing

$ quasar dev -m pwa

# ..or the longer form:
$ quasar dev --mode pwa

WARNING

The development server uses a bare minimum Service Worker precaching only the public folder. Working offline will not be available.

WARNING

Do not run Lighthouse on your development build because at this stage the code is intentionally not optimized and contains embedded source maps (among many other things).

Building for Production

$ quasar build -m pwa

# ..or the longer form:
$ quasar build --mode pwa

If you want a production build with debugging enabled:

$ quasar build -m pwa -d

# ..or the longer form
$ quasar build -m pwa --debug

Caught a mistake?Edit this page in browser

1. Introduction

2. Developing

3. Building for Production