Angular2-Seed 项目中的 <%= 语法是什么？

Question

我在 Angular2-Seed 项目中看到了一堆 <% 和 <%=，这是什么？是Angular2的东西，还是Gulp的东西，还是别的什么？

Answer 1

它可能是 gulp 模板插件。看：

https://www.npmjs.com/package/gulp-template

在 Angular2-seed 项目中，您可以看到它在以下位置被调用：

tools/tasks/seed/build.index.dev.ts

以下是该文件的摘录：

export = () => {
  return gulp.src(join(APP_SRC, 'index.html'))
    .pipe(inject('shims'))
    .pipe(inject('libs'))
    .pipe(inject())
    .pipe(plugins.template(templateLocals())) <-- HERE
    .pipe(gulp.dest(APP_DEST));
};

Answer 2

它看起来与ASP非常相似。

http://www.w3schools.com/asp/showasp.asp?filename=demo_text

<%将打开服务器端ASP代码。

<%=直接打印服务器端，例如<% print("Something"); %> -> <%=print("something");%>

---

查看jz87注释中添加的链接，您将看到代码截图。

  <% if (ENV === 'dev') { %>
  <script>System.config(<%= JSON.stringify(SYSTEM_CONFIG) %>)</script>
  <script>
    System.import('<%= BOOTSTRAP_MODULE %>')
      .catch(function (e) {
        console.error(e,
          'Report this error at https://github.com/mgechev/angular2-seed/issues');
      });
  </script>
  <% } %>

似乎 <% %> 确实表示"服务器端代码"或在浏览器呈现页面之前执行的代码（这就是 JSP、ASP 和 PHP 的工作方式）。我猜所使用的语言是 ECMAScript 6（JavaScript）。

所以我猜你正在查看 <% %内的 JavaScript 服务器端代码片段>