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

Creating a New Project

The /quasar.config File

Convert q/app-webpack Project

Browser Compatibility

Page Routing with VueRouter

Lazy Loading - Code Splitting

Handling import.meta.env

State Management with Pinia

Lint and Format Code

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 (BEX) Mode

Ajax Requests

Opening Dev Server To Public

Quasar CLI (with Webpack)

Icon Genie CLI

Quasar Utils

App Extensions

Quasar CLI with Vite - @quasar/app-vite v3

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