vite plugin style resources

style-resources.ts

import path from 'path';
import fs from 'fs/promises';
import {memoizeWith, always} from 'ramda';
import {Plugin} from 'vite';

const CSS_LANGS = new Set(['.less']);

export default function styleResourcePlugin(patterns: string[]): Plugin {
    const readContent = memoizeWith(
        always(''),
        async () => {
            const {globby} = await import('globby');
            const files = await globby(patterns);
            const contents = await Promise.all(files.map(v => fs.readFile(v, 'utf-8')));
            return contents.join('\n\n');
        }
    );

    return {
        name: 'style-resource',
        enforce: 'pre',
        async transform(code, id) {
            // 快速退出
            if (!patterns.length) {
                return;
            }

            const extension = path.extname(id);

            if (CSS_LANGS.has(extension)) {
                const prepend = await readContent();
                return prepend + '\n\n' + code;
            }
        }
    };
}