More Premium Hugo Themes Premium Vue Themes

Vuetify Loader

Webpack and Vite plugins for treeshaking Vuetify components and more

Vuetify Loader

Webpack and Vite plugins for treeshaking Vuetify components and more

Author Avatar Theme by vuetifyjs
Github Stars Github Stars: 519
Last Commit Last Commit: Apr 3, 2025 -
First Commit Created: Jun 1, 2024 -
default image

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
  1. For Webpack users:
npm install webpack-plugin-vuetify
  1. 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.