此配置是基于vite+JavaScript进行的。
安装unocss:npm i -D unocss
在vite.config.js中进行配置:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import unoCSS from 'unocss/vite'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(),unoCSS({
configFile:'./uno.config.js'
})],
})
创建一个uno.config.js文件:
import { defineConfig, presetUno, presetAttributify } from 'unocss';
export default defineConfig({
presets: [presetUno(), presetAttributify()]
});
在main.js文件中引入
import 'uno.css'