You need to enable JavaScript to run this app. 使用Sapper时如何在template.html模板中获取当前页面slug
优惠活动
大模型
产品
解决方案
定价
更多

使用Sapper时如何在template.html模板中获取当前页面slug

Sapper静态导出场景下注入页面Slug到静态HTML的实现问题

现有模板的内置标签限制

查阅Sapper官方文档可知,项目根目录下的template.html仅支持以下内置可替换标签:

  • %sapper.base%
  • %sapper.styles%
  • %sapper.head%
  • %sapper.html%
  • %sapper.scripts

具体需求

当前使用静态导出(export to static)的构建模式,需要获取每个界面对应的slug值,直接嵌入到最终生成的静态HTML中,不需要将这个值暴露给前端运行的JavaScript。
计划把对应逻辑写在template.html的底部位置,代码结构如下:

<!-- template.html 底部区域 -->
<img src="https://piratepx.com/page={currentPageSlug}" alt="" style="display:none;"/>
</body>
</html>

现存问题

这类在构建期把页面元数据直接注入静态HTML的需求,在绝大多数静态站点生成器中都是容易实现的常规功能,但在Sapper的现有机制中,始终找不到直观的落地路径。


内容的提问来源于stack exchange,提问作者Félix Paradis

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.29 16:27:05