为什么捐赠
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。

生成的 /src-ssg/package.json 将构建时渲染器依赖与应用依赖分开管理。当一个包被 /src-ssg/ssg-renderer 直接引入时,应该添加到这个文件中。

/src-ssg/package.json

{
  "name": "quasar-ssg-app",
  "version": "1.0.0",
  "description": "Quasar SSG folder",
  "type": "module",
  "private": true,
  "dependencies": {}
}

WARNING

/src 下应用代码引入的包仍然属于根目录的 package.json。只将渲染器专属的包安装到 /src-ssg 目录下。

例如,在渲染器中使用 tinyglobby 来发现 Markdown 文件:


# 在 /src-ssg 目录下执行
pnpm add tinyglobby