3

我有我的 html 的生产版本,我正在寻找编译我的(个人)模板并将它们放入 html 文件的 prod 版本。

到目前为止 concat 非常适合构建单个模板文件,但我想采用如下代码:

<html>
    <head></head>
    <body>
        {{templates}}
    </body>
</html>

...然后将 {{templates}} 替换为 concat'd 模板文件中的源代码。我发现了许多可以替换的 grunt 插件,但它们似乎都不允许我

4

1 回答 1

3

我最终编写了一个多任务来处理它:

grunt.registerMultiTask('integrateTemplate', 'Integrates compiled templates into html file', function () {
    var data = this.data,
        path = require('path'),
        src = grunt.file.read(data.src),
        dest = grunt.template.process(data.dest),
        templates = grunt.file.read(data.compiledTemplate),
        out;

    out = src.replace(/\{\{templates\}\}/g, templates);

    grunt.file.write(dest, out);
    grunt.log.writeln('Template integrated');

});

prod_template.html看起来像这样:

<html>
    <head>
    </head>
    <body>
         {{templates}}
    </body>
</html>

然后我只是调用它:

integrateTemplate: {
  main: {
    compiledTemplate: '<%= templates.main.dest %>', // Compiled template src
    src: 'prod_template.html',
    dest: 'index.html'
  }
}

不过,如果有更好的建议(我相信有),我很想听听。

于 2013-09-29T15:07:21.893 回答