如何在渲染特定页面时限制或仅启用handlebars-partials

核心逻辑是避免全局注册所有partial，改为按需注入或者加开关控制。

Express + hbs 环境方案 #

• 取消全局注册partial的配置，路由渲染页面时通过locals参数仅传入当前页面需要的partial：

// 路由示例
app.get('/target-page', (req, res) => {
  res.render('target-page', {
    // 仅当前页面可用的partial
    partials: {
      specialCard: 'partials/special-card',
      userBanner: 'partials/user-banner'
    },
    pageTitle: '指定页面'
  })
})

• 如果已经做了全局注册，想在部分页面禁用某个partial，可以加判断参数：
  模板里写：

{{#if allowUsePartial}}
  {{> specialPartial}}
{{/if}}

仅需要启用的路由传allowUsePartial: true，其他页面不传即可。

原生Handlebars环境方案 #

• 临时注册+用完即删，不会影响其他页面渲染：

function renderTargetPage(tpl, data) {
  // 临时注册当前页面需要的partial
  Handlebars.registerPartial('tempPartial', partialCode)
  const html = Handlebars.compile(tpl)(data)
  // 渲染完成后移除partial
  Handlebars.unregisterPartial('tempPartial')
  return html
}

• 也可以编译模板时直接传入partial，不做全局注册：

const compiledTpl = Handlebars.compile(pageTpl)
const finalHtml = compiledTpl(data, {
  partials: {
    onlyForThisPage: partialCode
  }
})

内容的提问来源于stack exchange，提问作者Muneeb T