Convert q/app-webpack Project

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

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

Convert q/app-webpack Project

This page refers to converting a Quasar CLI with Webpack (@quasar/app-webpack v4) project into a Quasar CLI with Vite one (@quasar/app-vite v3).

The easiest path is:

Step 1: Convert your project to @quasar/app-vite v2 first.
Step 2: Upgrade to @quasar/app-vite v3.

Caught a mistake?Edit this page in browser