@modular-css/postcss

Use modular-css via postcss

Usage no npm install needed!

<script type="module">
  import modularCssPostcss from 'https://cdn.skypack.dev/@modular-css/postcss';
</script>

README

@modular-css/postcss NPM Version NPM License NPM Downloads

PostCSS plugin to use modular-css within a PostCSS processor instance.

Install

> npm i @modular-css/postcss postcss

Usage

@modular-css/postcss provides a PostCSS plugin that can be used like any other. It will output a message with a type of modular-css-exports containing all the exported class compositions.

API

const postcss = require("postcss");
const processor = postcss([
    require("@modular-css/postcss")({
        json : "./path/to/output.json"
    })
]);

const result = await processor.process("<css>")

// result.css
// result.map
// result.messages.find((msg) => msg.type === "modular-css-exports")
// etc

Config

> postcss --config postcss.json input.css

{
    "output" : "out.css",
    
    "@modular-css/postcss": {
        "json" : "./path/to/output.json"
    }
}

CLI

> postcss --use modular-css/postcss input.css

Options

json

Write the class composition data to this location on disk.

Shared Options

All other options are passed to the underlying Processor instance, see Options.