npmpackage.info

Gathering detailed insights and metrics for vite-plugin-pug

Other packages similar to vite-plugin-pug

vite-plugin-pug-transformer

1.0.8

Vite plugin for supporting pug templates

@vituum/vite-plugin-pug

1.1.0

<a href="https://npmjs.com/package/@vituum/vite-plugin-pug"><img src="https://img.shields.io/npm/v/@vituum/vite-plugin-pug.svg" alt="npm package"></a> <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/@vituum/vite-plu

vite-plugin-pug-i18n

2.0.0

Vite plugin to build static website with pug and i18n support

@povly/vite-plugin-pug

1.1.1

Vite plugin for transform Pug into HTML

Gathering detailed insights and metrics for vite-plugin-pug

vite-plugin-pug - 0.4.1 | npmpackage.info

vite-plugin-pug

Vite plugin for transform Pug templates into HTML

0.4.1

Unlicense

TypeScript

15.45 kB

2.9

Installations

npm install vite-plugin-pug

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.14.0

NPM Version

10.7.0 Pull Requests

Open

2

Total

8

Closed

1

Merged

5

Issues

Open

8

Total

9

Closed

1

Releases

Vite 5 support

v0.4.1

Updated on Sep 29, 2024

Vite 3 support

v0.3.2

Updated on Nov 11, 2022

Packager

v0.3.1

Updated on Mar 04, 2022

import locally

v0.3

Updated on May 12, 2021

poor people's variable

v0.2

Updated on Apr 23, 2021

Vite is no longer beta

v0.1.1

Updated on Feb 17, 2021

View All 7 releases

Languages

TypeScript

TypeScript (100%)

Developer

SubZtep

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

Unlicense License

51 Stars

29 Commits

9 Forks

2 Watchers

5 Branches

4 Contributors

Updated on Jul 04, 2025

Maintainers

View All 4 Contributors

Package Meta Information

Latest Version

0.4.1

Package Id

vite-plugin-pug@0.4.1

Unpacked Size

15.45 kB

Size

5.60 kB

File Count

NPM Version

10.7.0

Node Version

20.14.0

Published on

Sep 29, 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

Dependencies

picocolors pug

Dev Dependencies

@types/pug tsup typescript vite vitest

vite-plugin-pug

A plugin that makes Vite parse <pug src="example.pug"></pug> in your index.html. The rendered template replaces this tag with the compiled markup.

:information_source: Vue single file components don’t require this plugin, adding Pug to the dependency list is enough. — aka npm i -D pug

Features

CommonJS and ES module builds.
Handle self-closing pug tags.
Works with multiple pug tags.
Generated TypeScript declarations.
Reload when saving changes on a .pug file.
Support Pug local variables.
Templates for multiple inputs.
Experimental hot module reloading functionality.
Handle adding or removing files.

Add to a project

Installation

Choose your appropriate choice:

1$ npm i -D vite-plugin-pug
2$ pnpm add -D vite-plugin-pug
3$ yarn add -D vite-plugin-pug

Configuration

Create a vite.config.js configuration file and import the plugin:

1// vite.config.(js|ts)
2import { defineConfig } from "vite"
3import pugPlugin from "vite-plugin-pug"
4
5const options = { pretty: true } // FIXME: pug pretty is deprecated!
6const locals = { name: "My Pug" }
7
8export default defineConfig({
9  plugins: [pugPlugin(options, locals)],
10})

Plugin Parameters

Name	Required	Description
options	optional	Plugin options object.
locals	optional	Data object with Pug locals.

Plugin Options

Name	Required	Description
...	optional	Anything from Pug options object.
localImports	optional	If `true`, use relative imports in the pug src attribute.

Usage

Simple

Create a template file.

1//- index.pug
2h1 Hello World
3p I'm a cool Vite project!

Embed pug tag with src attribute somewhere.

1<!-- index.html -->
2<html>
3  <body>
4    <pug src="index.pug" />
5    <script type="module" src="/main.ts"></script>
6  </body>
7</html>

That's it.

:bulb: Check out its starter implementation in this repository.

Examples

Please find the examples folder in this repository.

Contribution

~~After Rollup~~ I started to use Vite recently but this is not a reason to leave my beloved template format behind. Its lack of active Pug plugins made me make one quickly. It does the job to me, I will extend it when I need it. :suspect:

If it doesn't match with your setup please start a new discussion about it, I'm interested to see other workflows. If something is simply not working, please raise an issue. PRs certainly welcome! (.❛ ᴗ ❛.)

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

1

Code-Review

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.9

/10

Last Scanned on 2025-07-14

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