Overview of the Vue plugin

@nxext/vue is a Nx plugin to bring VueJs to Nx.

The @nxext/vue package also includes a dependency graph plugin for Nx, in order to support Vues single file components (SFCs) in the dependency graph. When using @nxext/vue or @nxext/nuxt, @nxext/vue is automatically added to the Nx plugins section within the nx.json file in your workspace root. The dependency graph will show the dependencies between any Vue SFCs within your workspace.

Adding the Vue plugin

Adding the Vue plugin to a workspace can be done with the following:

#yarn
yarn add -D @nxext/vue

#npm
npm install -D @nxext/vue

Executors / Builders

Our Vue applications are built using the executors from the @nx/vite plugin.