Plumeria logoPLUMERIA
Integration

CLI

It is the plumeria Compiler @plumeria/compiler package.
A Rust-based compiler with static extraction in the style of Plumeria.

Installation

Terminal
npm i --save-dev @plumeria/compiler

Overview

Terminal
npx css

Success

Terminal
 ✓ Compiled...

Usage

json
  "scripts": {
    "dev": "css & next dev",
    "build": "css --type-check && next build",
  }

Options

--view

Use it to visualize your builds and test them as you go.
Do not include the --view argument in your build script as it will get into the server logs.

Terminal
npx css --view

Example output:

Terminal
props💫:
 
.x1dc3zs0 { color: orange; }
 
props💫:
 
.x13vu618 { color: pink; }
@media (max-width: 1024px) { .x15qdpgc { color: aqua; } }
 
props💫:
 
.x1x6w4y4 { font-size: 14px; }
 
props💫:
 
.x1f4cjxk { color: green; }
 
 ✓ Compiled...

--paths

Outputs a list of the files to be compiled. file.

Terminal
npx css --paths

Example output:

Terminal
component/CodeBlock.tsx
component/HomeComponent.tsx
component/Plumeria.tsx
 ✓ Compiled...

--type-check

Runs Typescript type checking before compiling.

Terminal
npx css --type-check

Success

 ✓ Compiled... Type-check completed

See more about Installation

Edit on GitHub

Previous

Webpack

Next

ESLint

On this page