npmpackage.info

Gathering detailed insights and metrics for vite-plugin-ejs

Other packages similar to vite-plugin-ejs

vite-plugin-ejs-importer

1.0.5

vite

6.0.1

Native-ESM powered web dev build tool

ejs

3.1.10

Embedded JavaScript templates

vite-plugin-vue-inspector

5.3.0

jump to local IDE source code while click the element of browser automatically.

Gathering detailed insights and metrics for vite-plugin-ejs

vite-plugin-ejs

Vite: Use Ejs in your entypoints i.e index.html

1.7.0

TypeScript

10,346,710 1.6

Installations

npm install vite-plugin-ejs

Pull Requests

Open

0

Total

3

Closed

0

Merged

3

Issues

Open

2

Total

13

Closed

11

Releases

[1.7.0] Vite 5 support

v1.7.0

Published on 16 Nov 2023

1.6.4

v1.6.4

Published on 16 Nov 2022

Add Include/Partials Support By default.

v1.6.2

Published on 13 Nov 2022

Updated Ejs and Dev Packages

v1.5.0

Published on 13 Jul 2022

View all 4 releases

Developer

trapcodeio

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

18.15.0

NPM Version

9.5.0 Statistics

66 Stars

51 Commits

5 Forks

3 Watching

1 Branches

3 Contributors

Updated on 11 Sept 2024

Languages

TypeScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

10,346,710

Last day

-18.5%

17,789

Compared to previous day

Last week

-1.7%

99,058

Compared to previous week

Last month

23.6%

439,350

Compared to previous month

Last year

202.3%

7,679,747

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

vite-plugin-ejs

Use ejs template language in your entrypoint i.e index.html

Note: For Vite version < 5 use v1.6.4 of this plugin.

1import {defineConfig} from "vite";
2import {ViteEjsPlugin} from "vite-plugin-ejs";
3
4export default defineConfig({
5  plugins: [
6    // Without Data
7    ViteEjsPlugin(),
8    
9    // With Data
10    ViteEjsPlugin({
11      domain: "example.com",
12      title: "My vue project!"
13    }),
14    
15    // Or With Vite Config
16    ViteEjsPlugin((viteConfig) => {
17      // viteConfig is the current viteResolved config.
18      return {
19        root: viteConfig.root,
20        domain: "example.com",
21        title: "My vue project!"
22      }
23    }),
24  ],
25});

File: index.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8"/>
5    <link rel="icon" href="/favicon.ico"/>
6    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7    <title><%= domain %> | <%= title %></title>
8
9    <!-- Run Conditions-->
10    <% if(isDev){ %>
11        <script src="/path/to/development-only-script.js"></script>
12    <% } else { %>
13        <script src="/path/to/production-only-script.js" crossorigin="anonymous"></script>
14    <% } %>
15</head>
16<body>
17<div id="app"></div>
18<script type="module" src="/src/main.ts"></script>
19</body>
20</html>

Note: isDev is included in your data by default

Default Data

The object below is the default data of the render function.

1return {
2  NODE_ENV: config.mode,
3  isDev: config.mode === "development"
4}

Configure EJS

You can configure ejs by passing an object to the plugin.

1export default defineConfig({
2  plugins: [
3    ViteEjsPlugin(
4        {title: 'My vue project!'},
5        {
6          ejs: {
7            // ejs options goes here.
8            beautify: true,
9          },
10        }
11    ),
12  ],
13});

If you want to use viteconfig to configure ejs, you can pass a function to the plugin, the function will receive the current vite config as the first argument.

1export default defineConfig({
2  plugins: [
3    ViteEjsPlugin(
4        {title: 'My vue project!'},
5        {
6          ejs: (viteConfig) => ({
7            // ejs options goes here.
8            views: [viteConfig.publicDir]
9          })
10        }
11    ),
12  ],
13});

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

2

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

1.6

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vite-plugin-ejs

Other packages similar to vite-plugin-ejs

vite-plugin-ejs

Installations

Pull Requests

0

3

0

3

Issues

2

13

11

Releases

Developer

Developer Guide

CommonJS

Yes

18.15.0

9.5.0

Statistics

Languages

Total Downloads

10,346,710

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

vite-plugin-ejs

Menu

Installation

Usage

Default Data

Configure EJS

10

2

0

0

0

0

0

0

0

0

1.6

/10