grunt-html-build - process variable inside section?

Question

i am trying to build a page with templates, where i am setting some parameters. Inside the main template this works perfect:

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

is correctly replaced by:

Value

To write the header only once, i have it in a separate file and include it as section, which works fine.

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

But the variables inside the header section are not processed and the partial template is included as it is:

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

What am i doing wrong here? Do i need to configure something so the sections are also processed?

Thx

score 0 · Accepted Answer · answered Aug 09 '16 at 15:23

It looks like a bug in the grunt-html-build module.

The only quick decent solution I can propose is to process header separately to temporary file:

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
                }
            }
        }
    }
});

I had something in mind like that, but did not get to the rather easy solution you proposed. Thx — IceScorpion, Aug 09 '16 at 18:30
@IceScorpion you can also submit this to the [repo](https://github.com/spatools/grunt-html-build). And if this answer solves your problem you can mark it as a solution — Teivaz, Aug 09 '16 at 18:38

score -1 · Answer 2 · answered Sep 03 '16 at 16:33

-1

You can process sections by using the recursive option: view doc.

answered Sep 03 '16 at 16:33

SPA Tools

1

Please post what the link is doing in detail in the answer here itself, the link might change and then become inaffective – Harkirat Saluja Sep 03 '16 at 16:59

grunt-html-build - process variable inside section?

2 Answers2