Vue Nuxt
Tips & Tricks

A collection of Vue, Nuxt and Vite tips, tricks and good practices.

In Vite, you can use Lightning CSS as your default transformer and minifier.

import {browserslistToTargets} from 'lightningcss';

export default {
    css: {
        transformer: 'lightningcss',
        lightningcss: {
            targets: browserslistToTargets(browserlist('>= 0.25%'))
        }
    },
    build: {
        cssMinify: 'lightningcss'
    }
}