1. ejs-html-loader
Webpack loader for rendering HTML from EJS templates
ejs-html-loader
Package: ejs-html-loader
Created by: mcmath
Last modified: Thu, 16 Jun 2022 06:46:45 GMT
Version: 4.0.1
License: MIT
Downloads: 955
Repository: https://github.com/mcmath/ejs-html-loader

Install

npm install ejs-html-loader
yarn add ejs-html-loader

ejs-html-loader

Version
Build
Coverage

Webpack loader for rendering plain HTML from EJS
template files

Install

Install with npm. Ensure EJS and Webpack are installed
as well, as these are peer dependencies.

 npm install --save-dev webpack ejs ejs-html-loader

Usage

In your Webpack configuration, pass data to your
templates through either an 'options' object or as query parameters.

 module.exports = {
  // ...
  module: {
    rules: [{
      test: /\.ejs$/,
      loader: 'ejs-html-loader',
      options: {
        title: 'The Ant: An Introduction',
        season: 1,
        episode: 9,
        production: process.env.ENV === 'production'
      }
    }]
  }
};

Data may also be passed through a resource query. These data take precedence
over any options with the same name.

 import "./index.ejs?page=home";

Options

All properties passed as loader options will be available to your
templates as local variables. In addition, the following EJS
options may be set:

  • context : object

    The value of this in your templates. If specified, its properties will be
    available in your templates, e.g. <%= this.somePropery %>.

  • delimiter : string='%'

    Character used inside of angle brackets marking opening/closing tags.
    Defaults to '%', as in <%= some.variable %>.

For example:

 {
  // ...
  options: {
    delimiter: '$',
    title: 'The Naked Ant',
    season: 1,
    episode: 12
  }
}

Includes

The EJS filename option is set automatically, so you may include partials
relative to your template files. If you want your included files to
automatically recompile in watch mode, be sure to use the following syntax:

<% include some/file %>

License

Copyright © 2016–2019 Akim McMath. Licensed under the MIT License.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code