yite-cli/unocss.config.js

专注于vite + vue3 的项目开发脚手架

import path from 'node:path';
import { fnImport, fnFileProtocolPath } from './utils/index.js';
import { fnAppDir } from './system.js';

// unocss相关配置
import { defineConfig, presetAttributify, presetUno, presetIcons } from 'unocss';
import transformerVariantGroup from '@unocss/transformer-variant-group';
import transformerCompileClass from '@unocss/transformer-compile-class';
import transformerDirectives from '@unocss/transformer-directives';

const appDir = fnAppDir(process.env.YITE_CLI_WORK_DIR);
const yiteConfigPath = fnFileProtocolPath(path.resolve(appDir, 'yite.config.js'));
const { yiteConfig } = await fnImport(yiteConfigPath, {});
export const unocssConfig = Object.assign(
    {
        presets: [
            //
            presetUno(),
            presetAttributify()
        ],
        transformers: [
            //
            transformerDirectives(),
            transformerVariantGroup(),
            transformerCompileClass()
        ],
        rules: []
    },
    yiteConfig?.unocssConfig || {}
);

export default defineConfig(unocssConfig);