Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't use html-webpack-plugin templating features

See original GitHub issue

🐛 Not able to use some of html-webpack-plugin’s templating features.

Example from https://github.com/jantimon/html-webpack-plugin/blob/master/README.md#generating-multiple-html-files

<title><%= htmlWebpackPlugin.options.title %></title>

is rendered by this plugin as

<title>&lt;%= htmlWebpackPlugin.options.title %&gt;</title>

Issue Analytics

State:
Created 5 years ago
Comments:5

Top GitHub Comments

5reactions

developitcommented, May 31, 2018

This is actually more of an EJS problem - ejs templates don’t mix nicely with HTML. I don’t have a great recomendation right now other than to avoid using this with ejs templates. Handlebars should work fine, or skip templating altogether since you can just do:

// custom-prerender.js
export default function(params) {
  document.title = 'A Custom Title';
  return '<div>some prerendered html</div>';
}

<!-- template.html -->
<head>
  <title>Default Title</title>
</head>
<body>
  {{prerender:custom-prerender.js}}
</body>

For things folks might have been doing in ejs like script and stylesheet insertion, there are already automated html-webpack-plugin plugins that handle those things in a way that works nicely with prerender-loader.

0reactions

badpenguincommented, Jan 9, 2019

any of you has a working example with handlebars? i’ve an array of page objects with url, title, description, og:image, canonical and need to pass it into the template - i was looking at the preact-cli code that does the same but i failed to understand it.