Why donate
API Explorer
Upgrade Guide
Creating a New Project
The /quasar.config File
Convert q/app-webpack Project
Browser Compatibility
TypeScript Support
Directory Structure
Commands List
CSS Preprocessors
Page Routing with VueRouter
Lazy Loading - Code Splitting
Handling Assets
Boot Files
Prefetch Feature
API Proxying
Handling Vite
Handling import.meta.env
State Management with Pinia
Lint and Format Code
Testing & Auditing
Developing Mobile Apps
Ajax Requests
Opening Dev Server To Public
Quasar CLI with Vite - @quasar/app-vite v3
Installing BEX-specific dependencies

Notice the /src-bex/package.json file in your generated /src-bex folder. The purpose of it is for you to be able to install packages used by the BEX mode directly under this folder (and not pollute the common /src).

/src-bex/package.json

{
  "name": "quasar-bex-app",
  "version": "1.0.0",
  "description": "Quasar BEX Folder",
  "private": true,
  "type": "module"
}

Installing BEX specific packages:


# run in /src-bex for deps:
pnpm add <deps>

# run in /src-bex for deps used by the build system (eg. @types/chrome)
pnpm add -D <dev-deps>