Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Nuxt Modules: The Ultimate Guide

Use nuxt/kit to extend Vite & Webpack configs thumbnail image

Get access to the most comprehensive Vue.js video library in the world. Over 300 video lessons including the newest Vue 3 features.

Use nuxt/kit to extend Vite & Webpack configs

In this lesson, we explore how Nuxt Kit simplifies Vite configuration customization. With utilities like extendViteConfig, we gain direct access to Vite's options, streamlining our code and offering a cleaner alternative to previous methods. Additionally, we learn to effortlessly integrate Vite plugins using addVitePlugin, demonstrated with the installation and implementation of a Vite SVG loader plugin within our module.

Links:

Vite SVG loader

Nuxt Kit - Builder