PlumeriaCLI
Learn more about @plumeria/compiler.
It is the plumeria Compiler @plumeria/compiler package.
A Rust-based compiler with static extraction in the style of Plumeria.
Installation
npm i --save-dev @plumeria/compileryarn add -D @plumeria/compilerpnpm i --save-dev @plumeria/compilerOverview
npx csspnpm cssSuccess
✓ extract... Usage
"scripts": {
"dev": "css & next dev",
"build": "plumerialint && css && 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.
pnpm css --viewExample:
✓ extract...
.x1dc3zs0 { color: orange; }
────────────────────────────────────────────────────────────
✓ extract...
.x13vu618 { color: pink; }
@media (max-width: 1024px) { .x15qdpgc:not(#\#) { color: aqua; } }
────────────────────────────────────────────────────────────
✓ extract...
.x1x6w4y4:not(#\#) { font-size: 14px; }
────────────────────────────────────────────────────────────
✓ extract...
.x1f4cjxk { color: green; }
────────────────────────────────────────────────────────────--paths
Outputs a list of the files to be compiled. file.
pnpm exec css --pathsExample:
✅: project/src/component/CodeBlock.tsx
✅: project/src/component/HomeComponent.tsx
✅: project/src/component/Plumeria.tsx--stats
pnpm exec css --statsExample:
📦 Plumeria CSS Stats
────────────────────────────
Total CSS size: 3.611 KB
Rules: 82
Top properties:
- width: 9
- top: 8
- right: 6
- margin-top: 5
- height: 5
Build time: 0.08s
────────────────────────────