@master/css.vite

CSS Compiler

Compile Master CSS ahead of time with zero-configuration integration with build tools

On this page

• Usage
  • webpack.config.js
  • vite.config.js
  • next.config.js
• Related

---

Usage

webpack.config.js

const { MasterCSSWebpackPlugin } = require('@master/css-compiler')

module.exports = {
    plugins: [
        new MasterCSSWebpackPlugin()
    ]
};

vite.config.js

import { MasterCSSVitePlugin } from '@master/css-compiler'

export default defineConfig({
    plugins: [
        MasterCSSVitePlugin()
    ]
})

next.config.js

const { MasterCSSWebpackPlugin } = require('@master/css-compiler')

const nextConfig = {
    ...,
    webpack: (config) => {
        config.plugins.push(
            new MasterCSSWebpackPlugin({
                output: {
                    path: 'static/css'
                }
            })
        )
        return config
    }
}

module.exports = nextConfig

---

Related

• @master/css - A Virtual CSS language with enhanced syntax. ( ~13KB )
• @master/css.react - React hooks for Master CSS