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 2 | Nuxt Bridge | Nuxt 3 | |
---|---|---|---|
Webpack Dev | ✅ | ✅ | 🚧 |
Webpack Build | ✅ | ✅ | ✅ |
Vite Dev | - | ✅ | ✅ |
Vite Build | - | ✅ | ✅ |
配置
我们建议使用专用的 uno.config.ts 文件进行配置。详见配置文件了解更多细节。
License
- MIT License © 2021-PRESENT Anthony Fu