预编译 JavaScript 模板以在项目构建时发挥作用

Update我想避免在客户端编译模板，并在本地 ant 构建过程中编译它们。也许像将 jQuery 和 jQuery 模板加载到 rhino 中，传递$.template()依次处理每个 .jst 文件的内容，并构建一个“templates.js”，其中应包含：

$.template['model-view'] = resultingFunction.toString();
// 1 for each .jst file

这样，我可以将每个模板维护在单独的文件中，并避免所有客户端冗余地编译相同的模板。

我正在使用 jQuery 模板，并希望将它们分离到自己的文件中（例如 model-view.jst），这些文件在项目构建时编译成函数，并在 jQuery .tmpl() 范围中可用以供以后使用使用。

例如，给定文件模型视图.jst

<li>${name}</li>

这个文件和所有其他 .jst 文件应该在构建时选取，编译成一个函数，稍后可以在程序中的任何地方使用，如下所示：

$.tmpl('model-view', {
    name: 'Matt'
});

我使用 Node.js 和 CoffeeScript 将部分目录模板化为可执行的预编译函数，解决了这个问题。希望这可以帮助。

https://github.com/wookiehangover/jquery-tmpl-jst https://github.com/wookiehangover/jquery-tmpl-jst