为什么捐赠
API 浏览器
升级指南
创建新项目
quasar.config 配置文件
从 Webpack 项目转换
浏览器兼容性
TypeScript 支持
目录结构
命令列表
CSS 预处理器
使用 VueRouter 进行页面路由
懒加载 - 代码分割
资源处理
Boot 文件
预取特性
API 代理
配置 Vite
处理 import.meta.env
使用 Pinia 管理状态
代码检查与格式化
测试与审计
开发移动应用
Ajax 请求
开放开发服务器到公网
联系站长
Quasar CLI with Vite - @quasar/app-vite
SSG 准备工作

警告!Beta 阶段

Quasar SSG 模式目前处于 “beta” 阶段。根据社区反馈,API 在未来可能会有所变动,因此每次升级 “@quasar/app-vite” 时请留意 release notes。

Quasar CLI 通过 quasar devquasar build 命令的 --mode-m)选项来选择应用目标。

在现有 Quasar 项目中添加 SSG 模式:

quasar mode add ssg

您也可以直接启动 SSG 开发服务器:

quasar dev -m ssg

如果项目中没有添加过 SSG 模式,Quasar CLI 会在启动服务器前提示您是否添加。

在您选择是否使用基于文件名的路由之后,Quasar 会创建以下目录结构:

ssg-renderer.js
# (或 .ts) SSG 生成脚本
package.json
# 用于在 /src-ssg 下直接安装 SSG 专属依赖

渲染器定义了哪些路由会变成静态页面。在创建第一次生产构建之前,请先阅读 SSG 渲染器