Skip to content
On this page

Nuxt Module

UnoCSS 的 Nuxt 模块。

安装

bash
pnpm add -D @unocss/nuxt
pnpm add -D @unocss/nuxt
bash
yarn add -D @unocss/nuxt
yarn add -D @unocss/nuxt
bash
npm install -D @unocss/nuxt
npm install -D @unocss/nuxt

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

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

创建一个 uno.config.ts 文件:

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

export default defineConfig({
  // ...UnoCSS 选项
})
// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS 选项
})

uno.css 入口将会被模块自动注入。

支持状态

Nuxt 2Nuxt BridgeNuxt 3
Webpack Dev🚧
Webpack Build
Vite Dev-
Vite Build-

配置

我们建议使用专用的 uno.config.ts 文件进行配置。详见配置文件了解更多细节。

License

Released under the MIT License.