vite-plugin-ejs-engine
v1.0.4
Published
Vite plugin for supporting ejs templates
Downloads
9
Maintainers
11joseluReadme
vite-plugin-ejs-engine
Supports:
Install
Yarn
yarn add vite-plugin-ejs-engine -Dor npm
npm i vite-plugin-ejs-engine --save-devUsage
Configuration
Use plugin in your Vite config (vite.config.ts)
import ejs from 'vite-plugin-ejs-engine'
export default {
plugins: [
ejs(),
]
}Example
Input (src/index.html):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Hello world</h1>
<!-- variable declaration -->
<% var users = [{name: 'Jose'}, {name: 'Pedro'}]; %>
<!-- variable and partial usage -->
<ul>
<% users.forEach(function(user){ %>
<%- include('user/show', {user: user}); %>
<% }); %>
</ul>
</body>
</html>Template (src/user/show.ejs):
<li><%= user.name %></li>Output (dist/index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>Hello world</h1>
<ul>
<li>Jose</li>
<li>Pedro</li>
</ul>
</body>
</html>