Question

我正在开发一个大型商业模板主题。我想使用像

这样的基本把手功能

markup

    <div id="mobile"></div>
    <script id="mobile_category_template" type="text/x-handlebars-template">
      <div class="entry">
        <h1>{{var}}</h1>
        <div class="body">
          <p>body</p>
        </div>
      </div>
    </script>
    <script src="{{cdn 'https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.min.js'}}"></script>
    <script src="{{cdn '/assets/js/category.js'}}"></script>

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 — load component parts based on custom javascript logic

前端需要Handlebars.compile。但是已经与bigcommerce服务器端

0 个答案: