You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Svelte应用中添加多个页面?Sapper被SvelteKit替代是否需要路由框架

Svelte Rollup项目多页面实现方案解答

不需要强制使用路由框架即可实现多页面添加,可根据实际业务需求选择对应方案:

  • 无路由框架的纯静态多页方案
    若不需要客户端无刷新跳转、路由传参、路由守卫等能力,直接修改Rollup配置为多入口模式即可。你可以为每个页面单独创建对应的Svelte入口文件和HTML模板,调整rollup.config.js中的input字段为多入口配置,同时调整产物输出规则对应生成多份页面打包结果即可,你已经配置好的SASS编译能力可以直接复用,不需要额外修改。
  • 引入轻量路由库实现客户端路由
    若你需要单页应用级别的跳转体验、嵌套路由等复杂路由能力,可以引入svelte-routing这类轻量的Svelte路由库,接入过程不会和现有Rollup、SASS配置产生冲突,也不需要迁移到SvelteKit框架。

如果后续你有服务端渲染、静态站点生成、边缘部署这类进阶需求,可以考虑迁移到SvelteKit,它内置文件路由能力,也原生支持SASS配置,迁移成本可控。但如果仅需要满足当前多页面添加的需求,完全不需要调整现有技术栈,也无需强制引入路由框架。

内容的提问来源于stack exchange,提问作者JoJo Yawson

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.15 02:36:01