Quasar CLI with Vite - @quasar/app-vite
我们将利用 Quasar CLI 开发和构建 SSR 网站。构建 SPA、Mobile App、Electron App、PWA 或 SSR 之间的区别仅仅是由quasar dev和quasar build 命令中的mode参数决定的。
为了开发或建立一个 SSR 网站,我们首先需要将 SSR 模式添加到我们的 Quasar 项目中:
quasar mode add ssrcontent_paste
如果您想直接开始开发,也可以跳过 “quasar mode” 命令,直接使用:
quasar dev -m ssrcontent_paste
这样,如果项目缺少 SSR 模式,则会自动添加后启动。
在回答了您想使用哪个 Web 服务器(Hono/Express/Fastify 等)的问题后,项目中会新建一个目录(详情请参考配置 SSR页面):
src-ssr/
server-assets/
# 原样复制到 dist
middlewares/
# SSR 中间件文件
render.js
# (或 .ts) 使用 Vue 渲染页面的中间件
server.js
# (或 .ts) SSR Web 服务器
package.json
# 用于在 /src-ssr 目录下安装 SSR 专用依赖