Workaround to dynamic includes in Pug/Jade

Question

I understand that Pug does not support dynamic includes or extends in templates. Ie

extend path/to/template 

works but not

ex         


        

Answer 1

I had this issue aswell and found this question while searching for a solution. My solution is similar to Nikolay Schambergs Answer, but i thought i should share it.

I've created a function that renders templates by giving it a path and passed it to the options object. Maybe it helps in your case aswell

const includeFunc = (pathToPug, options = {}) => {
    return pug.renderFile(pathToPug, options); //render the pug file
}

const html = pug.renderFile('template.pug', {include: includeFunc});

and then use it as followed in your template:

body
  h1 Hello World
  |!{include(dynamicPugFilePathFromVariable)}