使用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
相关产品推荐
相关产品推荐

