前端需要Handlebars.compile。 但是已经与bigcommerce服务器端一起使用的把手

我正在开发一个大型商业模板主题。 我想使用基本的把手function

markup

  
  
 
{{var}}
 
 
body
 
 
    

javascript

  var hitTemplate = Handlebars.compile($("#mobile_category_template").html()); $(".collection-page").html(hitTemplate({ var: "var works" })); 

这通常会奏效。 但是bigcommerce解析了serverside 。 当我的前端把手解析时， {{var}}已经被编译。 如何才能让上述内容与服务器端把手分开工作？ 或者我如何制作和/或扩展当前的把手逻辑。 （基本上如何定义我自己的模板变量/ drop）

非常具体。 我想决定根据正在使用的视口或浏览器加载{{> components/mobile}}或{{> components/desktop}} （使用javascript轻松完成）。

这是我想要解决的问题： BigCommerce Stencil – 基于自定义javascript逻辑加载组件部分