【问题标题】:Jekyll and EmberJS conflicts?Jekyll 和 EmberJS 冲突?
【发布时间】:2023-12-31 14:58:01
【问题描述】:

有没有人对在 EmberJS 项目中使用 Jekyll 有深入了解,以及它是否会对任一框架造成问题,因为他们对 {{ title }} 等变量使用双花括号语法。

在开始使用 Jekyll 和 EmberJS 构建大型环境之前,我只是想看看是否有人掌握了一些内部信息。

【问题讨论】:

    标签: ember.js handlebars.js jekyll liquid


    【解决方案1】:

    Ember 和 Jekyll 使用相同的语法在模板中注入变量。

    • Jekyll 使用 Liquid 模板引擎。在这个系统中,您使用{{variable}} 来显示variable 的内容,通常在页面的字体(或站点配置)中定义。
    • Ember 默认使用 Handlebars 作为模板引擎,使用 Ember/Handlebars,您可以使用 {{variable}} 访问控制器(或模型)的 variable 属性或属性。

    这一定是冲突的根源。 ,可以通过用{% raw %}{% endraw %} 标签包围Handlebars 代码来避免这种情况。 See this question了解详情:

    {% raw %}
      <script type='text/x-handlebars' data-template-name='index'>
        <div>{{title}}</div>
      </script>
    {% endraw %}
    

    问候

    【讨论】:

    • 谢谢@Pablo!最近还发现了这个:github.com/Shopify/liquid/wiki/Liquid-for-Designers)
    • 很高兴为您提供帮助。 Liquid for Designers