grunt-html-build

Question

我正在尝试使用模板构建一个页面，我正在其中设置一些参数。在主模板中，这很完美：

<!-- build:process -->
    <%= variable %>
<!-- /build -->

正确替换为：

Value

为了只写一次 header，我将它放在一个单独的文件中并将其作为部分包含在内，效果很好。

<!--  build:section header -->
<!-- /build -->

但 header 部分内的变量未被处理，部分模板按原样包含：

<!-- build:process -->
    <%= variable %>
<!-- /build -->

我在这里做错了什么？我是否需要配置一些东西以便这些部分也被处理？

感谢

Answer 1

这看起来像是 grunt-html-build 模块中的错误。

我可以提出的唯一快速体面的解决方案是单独处理 header 到临时文件：

var grunt = require('grunt')
grunt.loadNpmTasks('grunt-html-build')

grunt.initConfig({
    htmlbuild: {
        header: {
            src: 'head.html',
            dest: 'temp/head.html', // << write processed header to temp file
            options: {
                data: {
                    variable: "Value"
                }
            }
        },
        dist: {
            src: 'body.html',
            dest: 'build/',
            options: {
                sections: {
                    header: 'temp/head.html' // << read processed header
                }
            }
        }
    }
});

Answer 2

您可以使用 recursive 选项处理部分：view doc。

grunt-html-build - 节内的过程变量？

grunt-html-build - process variable inside section?

javascript

gruntjs