{"id":22577,"library":"vite-plugin-angular","title":"vite-plugin-angular","description":"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.","status":"active","version":"0.0.0","language":"javascript","source_language":"en","source_url":"https://github.com/caoxiemeihao/vite-plugins","tags":["javascript"],"install":[{"cmd":"npm install vite-plugin-angular","lang":"bash","label":"npm"},{"cmd":"yarn add vite-plugin-angular","lang":"bash","label":"yarn"},{"cmd":"pnpm add vite-plugin-angular","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"This is a Vite plugin and requires Vite as a peer dependency to function.","package":"vite","optional":false},{"reason":"Required for Angular template compilation.","package":"@angular/compiler-cli","optional":false},{"reason":"Required for Angular compilation.","package":"@angular/compiler","optional":false}],"imports":[{"note":"The plugin is exported as default; named import will fail.","wrong":"import { angular } from 'vite-plugin-angular'","symbol":"angular","correct":"import angular from 'vite-plugin-angular'"},{"note":"This is a TypeScript type, use 'import type' for type-only imports.","wrong":"import { AngularPluginOptions } from 'vite-plugin-angular' (if using as value, it's only a type)","symbol":"AngularPluginOptions","correct":"import type { AngularPluginOptions } from 'vite-plugin-angular'"},{"note":"ESM only; CommonJS require will not work. The default export is the plugin itself.","wrong":"const { AngularPlugin } = require('vite-plugin-angular')","symbol":"AngularPlugin","correct":"import AngularPlugin from 'vite-plugin-angular'"}],"quickstart":{"code":"// vite.config.ts\nimport { defineConfig } from 'vite';\nimport angular from 'vite-plugin-angular';\n\nexport default defineConfig({\n  plugins: [angular()],\n});","lang":"typescript","description":"Basic setup of vite-plugin-angular in a Vite config file. It shows how to import and use the plugin as a Vite plugin."},"warnings":[{"fix":"Pin to a specific commit or wait for a stable release.","message":"The API is unstable and may change without notice. Version 0.0.0 indicates no stable release.","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Check compatibility with your Angular version; consider using @angular/build or analog for production.","message":"This plugin is not maintained by the Angular team and may not work with all Angular versions.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Refer to GitHub repository source code or examples.","message":"No README or documentation available; usage relies on source code inspection.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Use: import angular from 'vite-plugin-angular'","cause":"Using named import instead of default import.","error":"Error: The plugin 'vite-plugin-angular' has no exported member 'angular'. Did you mean to use default import?"},{"fix":"Run: npm install vite-plugin-angular --save-dev","cause":"Package not installed or Vite not properly configured.","error":"Error: Cannot find module 'vite-plugin-angular'"},{"fix":"Use: plugins: [angular()] (with parentheses)","cause":"Calling the imported module without invoking it as a function.","error":"TypeError: angular is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}