Nuxt 模塊

UnoCSS 的 Nuxt 模塊。

安裝

pnpm

pnpm add -D @unocss/nuxt

yarn

yarn add -D @unocss/nuxt

npm

npm install -D @unocss/nuxt

在 Nuxt 配置文件中添加 @unocss/nuxt：

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

創建 uno.config.ts 文件：

// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS 選項
})

uno.css 入口將由模塊自動注入。

支持狀態

	Nuxt 2	Nuxt Bridge	Nuxt 3
Webpack 開發	✅	✅	🚧
Webpack 構建	✅	✅	✅
Vite 開發	-	✅	✅
Vite 構建	-	✅	✅

配置

我們建議使用專用的 uno.config.ts 文件進行配置。有關更多詳情，請參見 配置文件。

許可證

• MIT 許可證 © 2021-PRESENT Anthony Fu