npmpackage.info

Gathering detailed insights and metrics for vite-plugin-ejs-engine

vite-plugin-ejs-engine - 2.0.0 | npmpackage.info

vite-plugin-ejs-engine

Vite plugin for EJS template engine

2.0.0

MIT

TypeScript

8.66 kB

Installations

npm install vite-plugin-ejs-engine

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

20.16.0

NPM Version

10.8.1 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Support data for ejs

v2.0.0

Updated on Nov 25, 2024

v1.0.2

1.0.2

Updated on Mar 29, 2022

View All 2 releases

Languages

TypeScript

Shell

EJS

TypeScript (96.72%)

Shell (2.69%)

EJS (0.59%)

Developer

11joselu

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

22 Commits

3 Forks

1 Watchers

1 Branches

1 Contributors

Updated on Nov 25, 2024

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

vite-plugin-ejs-engine@2.0.0

Unpacked Size

8.66 kB

Size

3.33 kB

File Count

NPM Version

10.8.1

Node Version

20.16.0

Published on

Nov 25, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

vite-plugin-ejs-engine

Vite plugin for Ejs.

Supports:

Templates, Partials, variable declarations...

Install

Yarn

yarn add vite-plugin-ejs-engine -D

or npm

npm i vite-plugin-ejs-engine --save-dev

Usage

Configuration

Use plugin in your Vite config (vite.config.ts)

1import ejs from 'vite-plugin-ejs-engine'
2
3export default {
4    plugins: [
5        ejs(),
6    ]
7}

Example

Input (src/index.html):

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Document</title>
8  </head>
9  <body>
10    <h1>Hello world</h1>
11
12    <!-- variable declaration -->
13    <% var users = [{name: 'Jose'}, {name: 'Pedro'}]; %>
14
15    <!-- variable and partial usage -->
16    <ul>
17      <% users.forEach(function(user){ %> <%- include('user/show', {user: user}); %> <% }); %>
18    </ul>
19  </body>
20</html>

Template (src/user/show.ejs):

1<li><%= user.name %></li>

Output (dist/index.html)

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Document</title>
8  </head>
9  <body>
10    <h1>Hello world</h1>
11    <ul>
12      <li>Jose</li>
13      <li>Pedro</li>
14    </ul>
15  </body>
16</html>

Configuration with data to ejs

Use plugin in your Vite config (vite.config.ts) and pass you data as a Record with pais key=value

1import ejs from 'vite-plugin-ejs-engine'
2
3export default {
4    plugins: [
5        ejs({
6          text: 'Hello',
7          __: (translation) => translation
8        }),
9    ]
10}

No vulnerabilities found.

No security vulnerabilities found.

vite-plugin-ejs-engine

Installations

Developer Guide

Yes

CommonJS

20.16.0

10.8.1

Pull Requests

0

0

0

Issues

0

0

0

Releases

Languages

Developer

11joselu

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

vite-plugin-ejs-engine

Install

Usage

Configuration

Example

Configuration with data to ejs