Vuetify Loader

Theme by Vuetifyjs

|

Updated: 3 Apr 2025

|

519 Stars

Webpack and Vite plugins for treeshaking Vuetify components and more

Categories

Overview

The vuetify-loader monorepo contains compiler plugins for autoloading Vuetify components and configuring styles. It includes both Vite and Webpack plugins, with the old vuetify-loader package being renamed to webpack-plugin-vuetify for Vuetify 3. For those using Vuetify 2, the vuetify-loader source can be found on the legacy branch.

Features

• Vite plugin: Offers compiler plugins for autoloading Vuetify components and configuring styles in Vite.
• Webpack plugin: Provides compiler plugins for Vuetify components autoloading and styles configuration in Webpack.
• Legacy branch: For Vuetify 2 users, the vuetify-loader source code can still be accessed on the legacy branch.

Installation

To install the Vuetify compiler plugins, follow these steps:

1. For Vite users:

npm install @vuetify/vite-plugin

2. For Webpack users:

npm install webpack-plugin-vuetify

3. For Vuetify 2 users:

git clone -b legacy <repository-url>

Summary

The vuetify-loader monorepo offers compiler plugins for Vuetify to streamline the process of autoloading components and configuring styles. With specific plugins available for Vite and Webpack, users can easily integrate Vuetify into their projects. Additionally, Vuetify 2 users can find the old vuetify-loader source code on the legacy branch for continued support.