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

Question

我在Angular2- <%=项目中看到一堆<%和<%=，它是什么？它是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和PHP的工作方式)。我猜正在使用的语言是ECMAScript 6 (JavaScript)。

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