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.