javascript - 将目录中的下划线模板连接到单个 js 文件并加载它以与主干应用程序一起使用

Question

我想将目录中的所有下划线模板合并到一个 js 文件(可能预编译它？)，以便与我的 sails.js 应用程序的backbonejs 部分一起使用。

我想我可以使用带有nodejs的普通fs模块来读取文件并将它们组合起来，我也在寻找grunt来执行此操作，但仍然不确定。

有人可以帮我解决这个问题吗？

Answer 1

您可以使用 grunt 来执行此操作。插件 grunt-contrib-jst 就是您正在寻找的；有安装和使用文档here .

像这样的简单 Gruntfile.js 应该可以做到。 (此示例假设您的所有源代码都位于 src/ 子目录下，所有模板都位于 src/ 下的 *.html 文件中，并且您在以下位置创建输出文件build/ 子目录，根据实际情况进行调整。)在命令行输入grunt 运行。

只需在索引文件中包含单个文件 build/view-templates.js 即可加载所有 Underscore View 模板。

module.exports = function(grunt) {

  grunt.loadNpmTasks('grunt-contrib-jst');

  grunt.initConfig({
    // compile view templates into single file
    jst: {
        compile: {
            files: {
                "build/view-templates.js": ["src/**/*.html"]
            }
        }
    }
  });

  grunt.registerTask('default', 'jst' );
};