EJS 脚本和样式表部分

Question

我是来自 ASP.NET MVC 的 node、express 和 EJS 的新手。在 Razor 中，有一个称为“部分”的功能，它允许我在布局文件中为脚本和样式表之类的内容指定一个占位符，然后当这些视图需要特定的脚本和样式表时在我的个人视图中引用它们。这样，所有样式表都位于顶部，而所有脚本都位于底部。 EJS中是否有类似的功能？

Answer 1

根据您的建议发布作为答案。

EJS 是一个相当“裸机”的实现，尽管它确实有部分功能，但我认为它不会干净地为您提供您想要的东西，因为它并不是真正以“布局”概念为模型的。您可能需要考虑将 Jade 视为模板引擎。它是Express 的默认模板引擎，如果您还没有使用它，您可能很快就会使用它。

就个人而言，我发现我真的很喜欢 Jade。仅仅因为它非常简洁/简洁，所以在我看来要容易得多。

资源：

• Jade on Github
• Jade-lang.com
• CSS Deck Jade Tutorial - Syntax
• CSS Deck Jade Tutorial - Logic

block 语法的使用是我认为您所描述的内容所需要的，我认为这些资源中没有很好地记录它，但这里有一个示例：

layout.jade

doctype html
html
  head
    title #{title} / #{version}
    link(rel='stylesheet', href='/css/site.css')
    script(src='/js/mygenericscript.js')
    block head

    body(class='foo')
        // the line below could be written as '#maincontent.bodyclass'
        div(id='maincontent', class='bodyclass')
          block content

template.jade

extends layout

block head
  // here I am including a page-specific script & stylesheet in the head section
  script(src='/js/mypagescript.js')
  link(rel='stylesheet', href='/css/crazypage.css')

block content
  div(class='page-specific-class')
    //etc, etc

Answer 2

我希望有一个可行的 ejs 解决方案，但根据 @barry-johnson 的回答，似乎没有。 ejs 的优点（从我的角度来看）是您仍然可以在代码中编写普通的 html，但我很难看到使用玉的另一个抽象的好处。

这是一个大问题，对我来说必须有，如果 ejs 不能很好地解决这个问题，那么 ejs 看起来不值得。

根据@barry-johnson 的评论寻找替代方案，也许真正可行的选择是nunjucks。它似乎是一个活跃的项目，在 github 上有超过一千颗星，block 选项似乎是答案，虽然我还没有尝试过任何东西。 （也许已经有的人可以确认。）

http://mozilla.github.io/nunjucks/templating.html#block

屏蔽

block 定义模板上的一个部分并用名称标识它。 这由模板继承使用。基本模板可以指定 块和子模板可以用新内容覆盖它们。看 模板继承。

{% block css %}
<link rel="stylesheet" href="app.css" />
{% endblock }

Nunjucks 部分使用{{ }} 语法，如果您也在使用 AngularJS，这应该是一个问题。但是，正如在 github 上向我指出的那样，您可以通过自定义 nunjucks 语法来解决这个问题，我认为这比更改 Angular 的绑定语法更可取。

https://mozilla.github.io/nunjucks/api.html#customizing-syntax