@master/css.vite

A vite plugin for integrating Master CSS ahead-of-time compilation

Getting Started

npm install @master/css.vite@beta -D

vite.config.js

import { MasterCSSVitePlugin } from '@master/css.vite'

/** @type {import('vite').UserConfig} */
const config = {
    plugins: [
        MasterCSSVitePlugin()
    ]
}

export default config

Import the virtual CSS module into src/main.ts:

import './style.css'
import 'master.css'

Example https://github.com/master-co/css/tree/beta/examples/vite

Compiler Options

Master presets common configurations for various frameworks and build tools, and it works almost out of the box.

https://github.com/master-co/css/tree/beta/packages/compiler

For starters, you can enable { debug: true } to see how it scans, extracts, and compiles.