https://github.com/11joselu/vite-plugin-ejs-engine

Vite plugin for EJS template engine
https://github.com/11joselu/vite-plugin-ejs-engine

Last synced: 14 days ago
JSON representation

Vite plugin for EJS template engine

• Host: GitHub
• URL: https://github.com/11joselu/vite-plugin-ejs-engine
• Owner: 11joselu
• License: mit
• Created: 2022-03-29T19:06:40.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-11-25T14:41:08.000Z (2 months ago)
• Last Synced: 2024-12-25T23:12:54.309Z (about 1 month ago)
• Language: TypeScript
• Size: 74.2 KB
• Stars: 0
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vite-plugin-ejs-engine

[![npm Downloads](https://img.shields.io/npm/dt/vite-plugin-ejs-engine)](https://www.npmjs.com/package/vite-plugin-ejs-engine)

[Vite](https://github.com/vitejs/vite) plugin for [Ejs](https://ejs.co/).

Supports:

- [Templates, Partials, variable declarations...](https://ejs.co/#features)

## 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`)

```JavaScript

import ejs from 'vite-plugin-ejs-engine'

export default {

    plugins: [

        ejs(),

    ]

}

```

### Example

Input (`src/index.html`):

```html

  

    

    

    

    Document

  

  

    
Hello world


    

    <% var users = [{name: 'Jose'}, {name: 'Pedro'}]; %>

    

    


      <% users.forEach(function(user){ %> <%- include('user/show', {user: user}); %> <% }); %>

    

  


```

Template (`src/user/show.ejs`):

```html

<%= user.name %>

```


**Output** (`dist/index.html`)

```html

  

    

    

    

    Document

  

  

    
Hello world

    


      
Jose

      
Pedro

    

  


```

### 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

```JavaScript

import ejs from 'vite-plugin-ejs-engine'

export default {

    plugins: [

        ejs({

          text: 'Hello',

          __: (translation) => translation

        }),

    ]

}

```