Registry / devops / nx-vue3-vite

nx-vue3-vite

JSON →
library0.30.0jsnpmunverified

An Nx plugin for generating opinionated Vue 3 + Vite + PostCSS applications and libraries, currently at v0.30.0. It provides generators for apps, libraries, components, Vitepress docs, and Cypress e2e tests, plus executors for dev server, build, lint, unit testing, and e2e. The plugin is updated regularly alongside Nx releases (v17, v18, v20 tested) and Vite (v2–v6). It integrates with @nx/devkit, @vitejs/plugin-vue, and optionally Cypress. Compared to raw Vite setup in Nx, it offers project-local path aliases (@app, @assets, @public), standardized generator options, and automatic configuration files.

npm install nx-vue3-vite
INSTALL
IMPORT
SIG · NX-VUE3-VITE
N
nx-vue3-vite
devopsjavascriptv0.30.0
Install
Import
Disk
Pass rate
0/ 6
Env Coverage0 / 6
glibc
1822
musl
1822
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 18223 runs
build_error
glibc
node 18223 runs
build_error
Code
Verified usage

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

appGenerator
import { appGenerator } from 'nx-vue3-vite'
import { appGenerator } from 'nx-vue3-vite/src/generators/app'
Main generator function for creating a Vue3+Vite application.
componentGenerator
import { componentGenerator } from 'nx-vue3-vite'
const componentGenerator = require('nx-vue3-vite').componentGenerator
ESM-only; CommonJS require() will not work (package is ESM).
libraryGenerator
import { libraryGenerator } from 'nx-vue3-vite'
Generates a Vue3+Vite library.

Creates a new Nx workspace with empty preset, installs the plugin, generates a Vue3+Vite app named 'my-app' with Vitest, then serves it.

npx create-nx-workspace@latest my-workspace --preset empty cd my-workspace npm install nx-vue3-vite --save-dev nx g nx-vue3-vite:app my-app --title 'My App' --test vitest nx serve my-app
Debug
Known issues
breakingCypress executor may fail to detect test failures in certain configurations.
fix
Upgrade to v0.23.9 or later.
affects: >=0.23.7 <0.23.9
deprecatedGlobal path aliases via root tsconfig.base.json may be deprecated in future; local alias is the default.
fix
Use --alias local to avoid depending on root tsconfig.
affects: >=0.0.0
gotchaThe index.html file must remain in the project root; moving it breaks Vite's entry point detection.
fix
Keep index.html in the root directory; do not move it to src/.
affects: >=0.0.0
breakingBreaking changes when upgrading Nx major versions (e.g., 17 to 18, 18 to 20).
fix
Check Nx migration guide and update nx-vue3-vite to a version compatible with your Nx version.
affects: >=0.0.0
Errors
Common errors & fixes
Cannot find module 'nx-vue3-vite' or its corresponding type declarations.
Package not installed or type declarations not generated.
fix
Run npm install nx-vue3-vite --save-dev and ensure tsconfig.json includes 'node_modules' in typeRoots.
Error: This generator requires Nx version >= 18.0.0
Using an older Nx version incompatible with the plugin.
fix
Upgrade your Nx workspace to v18 or newer.
Error: Cypress e2e tests fail with 'Module not found' for @cypress/vite-dev-server
Missing peer dependency @cypress/vite-dev-server.
fix
Install the missing peer: npm install @cypress/vite-dev-server --save-dev
Upgrade
Version history
0.30.0latest on npm
Audit
Dependencies
viterequiredpeer dependency, required for dev server and build
@vitejs/plugin-vuerequiredpeer dependency, used in vite.config.ts
@nx/devkitrequiredpeer dependency, core Nx plugin framework
cypressoptionalpeer dependency for e2e test runner
@cypress/vite-dev-serveroptionalpeer dependency for Cypress+Vite integration
Agent activity
7 hits · last 30 days
node
6
Amazon
1
Resources
nx-vue3-vite — npm install nx-vue3-vite · libregistry