jiangwei小站
73 字
1 分钟
uniapp 小程序使用unocss
2024-08-05

项目用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';