此文件配置了一个名为“jst”的 Grunt 任务。
它使用 Underscore/Lodash 语法预编译 HTML 模板为函数,创建 .jst
文件。可以通过 HTML 中的 <script>
标签引入此文件,从而将模板暴露为 window.JST
,以便在客户端 JavaScript 中使用。
换句话说,它会获取 assets/templates/
中的 HTML 文件,并将其转换为返回 HTML 字符串的小型 JavaScript 函数,当您向其中传递数据字典时,这些函数会返回 HTML 字符串。这种方法称为“预编译”,它可以大大加快客户端模板渲染速度,甚至可以减少带宽使用量和相关费用。
请注意,默认情况下,Underscore/Lodash/JST 语法与 EJS 相反(
<%=
等于<%-
,反之亦然)。如果您对此感到困扰,可以在此文件中轻松配置。(有关详细信息,请参阅内联注释。)
没问题!
如果您没有使用任何类型的预编译客户端模板,则只需忽略此文件。
如果您正在使用像 Vue.js、Ember、React 或 Angular 这样的前端框架,请参阅入门应用程序以获取示例,或访问 https://sails.js.cn/support 获取帮助。
如果您想使用像 Handlebars 或 Dust 这样的完全不同的预处理器,并且希望 Sails 在您工作时自动处理您的客户端模板,那么您很幸运。在大多数情况下,这就像将相应的 Grunt 插件安装为您的 Sails 应用程序的依赖项,然后将其配置为将预编译的模板(压缩到单个 JavaScript 文件中)输出到与此默认任务相同的路径一样简单。
以下是一些流行的示例
有关其他用法文档,请参阅 grunt-contrib-jst
。