Registry / web-framework / vite-plugin-angular

vite-plugin-angular

library0.0.0jsnpmunverified

A Vite plugin for integrating Angular into Vite-based projects. This package provides a bridge between the Vite build tool and Angular's compilation pipeline, enabling faster development with Hot Module Replacement (HMR) for Angular applications. The current version is 0.0.0, which is an early release with limited stability. It differentiates from Angular CLI by offering Vite's speed and flexibility, but lacks mature documentation and may have breaking changes. Release cadence is irregular due to its alpha stage.

web-framework

npm install vite-plugin-angular

github ↗package ↗

INSTALL

IMPORT

SIG · VITE-PLUGIN-ANGULA

vite-plugin-angular

web-frameworkjavascriptv0.0.0

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

angular

✓ import angular from 'vite-plugin-angular'

✗ import { angular } from 'vite-plugin-angular'

The plugin is exported as default; named import will fail.

AngularPluginOptions

✓ import type { AngularPluginOptions } from 'vite-plugin-angular'

✗ import { AngularPluginOptions } from 'vite-plugin-angular' (if using as value, it's only a type)

This is a TypeScript type, use 'import type' for type-only imports.

AngularPlugin

✓ import AngularPlugin from 'vite-plugin-angular'

✗ const { AngularPlugin } = require('vite-plugin-angular')

ESM only; CommonJS require will not work. The default export is the plugin itself.

Basic setup of vite-plugin-angular in a Vite config file. It shows how to import and use the plugin as a Vite plugin.

// vite.config.ts import { defineConfig } from 'vite'; import angular from 'vite-plugin-angular'; export default defineConfig({ plugins: [angular()], });

Debug

Known issues

breakingThe API is unstable and may change without notice. Version 0.0.0 indicates no stable release.

fix

Pin to a specific commit or wait for a stable release.

affects: >=0.0.0

gotchaThis plugin is not maintained by the Angular team and may not work with all Angular versions.

fix

Check compatibility with your Angular version; consider using @angular/build or analog for production.

affects: >=0.0.0

gotchaNo README or documentation available; usage relies on source code inspection.

fix

Refer to GitHub repository source code or examples.

affects: >=0.0.0

Errors

Common errors & fixes

Error: The plugin 'vite-plugin-angular' has no exported member 'angular'. Did you mean to use default import?

Using named import instead of default import.

fix

Use: import angular from 'vite-plugin-angular'

Error: Cannot find module 'vite-plugin-angular'

Package not installed or Vite not properly configured.

fix

Run: npm install vite-plugin-angular --save-dev

TypeError: angular is not a function

Calling the imported module without invoking it as a function.

fix

Use: plugins: [angular()] (with parentheses)

Upgrade

Version history

0.0.0latest on npm

Audit

Dependencies

viterequiredThis is a Vite plugin and requires Vite as a peer dependency to function.

@angular/compiler-clirequiredRequired for Angular template compilation.

@angular/compilerrequiredRequired for Angular compilation.

Agent activity

6 hits · last 30 days

node

Resources

githubhttps://github.com/caoxiemeihao/vite-plugins ↗

packagehttps://www.npmjs.com/package/vite-plugin-angular ↗