Nuxt Module
UnoCSS 的 Nuxt 模块。
安装
bash
pnpm add -D @unocss/nuxtpnpm add -D @unocss/nuxtbash
yarn add -D @unocss/nuxtyarn add -D @unocss/nuxtbash
npm install -D @unocss/nuxtnpm 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 2 | Nuxt Bridge | Nuxt 3 | |
|---|---|---|---|
| Webpack Dev | ✅ | ✅ | 🚧 |
| Webpack Build | ✅ | ✅ | ✅ |
| Vite Dev | - | ✅ | ✅ |
| Vite Build | - | ✅ | ✅ |
配置
我们建议使用专用的 uno.config.ts 文件进行配置。详见配置文件了解更多细节。
License
- MIT License © 2021-PRESENT Anthony Fu