73 字
1 分钟
uniapp 小程序使用unocss
项目用npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
创建的。
安装unocss
pnpm add unocss unocss-applet -D
vite.config.ts
import { defineConfig } from 'vite'
import Uni from '@dcloudio/vite-plugin-uni'
export default async () => {
const UnoCSS = (await import('unocss/vite')).default
return defineConfig({
plugins: [
Uni(),
UnoCSS()
]
})
}
uno.config.ts
import { defineConfig } from 'unocss'
import { presetApplet, presetRemRpx } from 'unocss-applet'
export default defineConfig({
presets: [
presetApplet(),
presetRemRpx({
baseFontSize: 4,
screenWidth: 750,
}),
]
})
main.ts
import 'uno.css';