如何在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
相关产品推荐
相关产品推荐

