If you need more functionality than basic templating there are some really light and fast frameworks which use template literals. ` Using template literals with JS frameworks You can include new lines: const message = `Hello World` message = 'Hello World' Template Literals are a really nice JavaScript feature you may not have used much yet, they look a bit like strings: const message = `Hello World` message = 'Hello World' In this post I will introduce the JavaScript syntax for templating and then show how it can be used in the real world for sanitising HTML and introducing some of the frameworks which use template literals for their templating. Modern JavaScript has templating syntax built in which can use for all kinds of purposes including composing HTML. There are many templating languages used in the web such as handlebars, Pug, Vue and JSX these are primarily used for composing HTML. HTML in the Web is often made of reusable components, composed by templates, making it convenient to edit the different parts that make up a website. Until then, you can use something like this instead of require.HTML and Templates & JavaScript Template Literals Require.resolve with paths and non-existent directory returns incorrect local file when using. You can see it here and watch if it gets fixed: There is a bug with require.resolve when passing paths as an option. If I explicitly pass require as my local then the path would be the folder of that file where I passed local require. That is from where I render my pug templates so that is from where it is available. If I do ('./') inside any of my pug files, it will show me that the path in which resolve happens is inside my routes.

I also didn't pass in process.env but it is also available. I didn't have to pass require statement to my pug locals.

babelrc.js and populate paths by yourself. You can either pass manually all those aliases and roots to the paths option inside require.resolve or you can write your own logic that reads configuration from. Const path = require ( 'path' ) const walk = require ( 'pug-walk' ) const runtime = require ( 'pug-runtime' ) const _ = require ( 'lodash' ) const pugPluginRequire = ( ) => ( `) this will be ignored and not manipulated as it doesn't match regexp.Īlso, if you are using some kind of module resolver, for instance babel-plugin-module-resolver that will not work out of the box.

Passing function into pug template