Nuxt Modul

Nuxt modul za UnoCSS.

Namestitev

pnpm

pnpm add -D unocss @unocss/nuxt

yarn

yarn add -D unocss @unocss/nuxt

npm

npm install -D unocss @unocss/nuxt

bun

bun add -D unocss @unocss/nuxt

Dodajte @unocss/nuxt v vašo Nuxt konfiguracijsko datoteko:

export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})

Ustvarite datoteko uno.config.ts:

import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS možnosti
})

Vnos uno.css bo samodejno vbrizgan s strani modula.

Stanje podpore

	Nuxt 2	Nuxt Bridge	Nuxt 3
Webpack Dev	✅	✅	🚧
Webpack Build	✅	✅	✅
Vite Dev	-	✅	✅
Vite Build	-	✅	✅

Konfiguracija

Priporočamo uporabo namenske datoteke uno.config.ts za konfiguracijo. Za več podrobnosti si oglejte Konfiguracijska datoteka.

Lahko omogočite možnost nuxtLayers, tako bo Nuxt samodejno združil datoteke uno.config iz vsakega Nuxt sloja:

export default defineNuxtConfig({
  // ...
  unocss: {
    nuxtLayers: true,
  },
})

nato lahko ponovno izvozite generirano konfiguracijo v korenski konfiguracijski datoteki:

import config from './.nuxt/uno.config.mjs'

export default config

ali jo spremenite/razširite:

import { mergeConfigs } from '@unocss/core'
import config from './.nuxt/uno.config.mjs'

export default mergeConfigs([config, {
  // vaši prepisi
}])

Licenca

• MIT Licenca © 2021-PRESENT Anthony Fu