wm init

Neues Component-Projekt initialisieren.

Verwendung

wm init my-components
cd my-components

Was wird erstellt

my-components/
├── components/
│   ├── ExampleSimple/       # Einfache Component
│   └── ExampleExtended/     # Mit Island
├── tokens/tokens.css        # Custom Design Tokens
├── styles/base.css          # Base Styles
└── wm.config.js             # Konfiguration

wm.config.js

export default {
  components: {
    path: './components',
    styles: ['./tokens/tokens.css', './styles/base.css']
  },
  preview: {
    port: 5173
  },
  output: {
    dir: './dist'
  }
};

tokens/tokens.css

Für component-spezifische Tokens. CMS liefert Basis-Tokens automatisch.

:root {
  /* Nur component-spezifische Tokens hier */
  --my-component-accent: #value;
}

Nächste Schritte

wm dev        # Preview
wm generate   # Component erstellen
wm login      # Mit CMS verbinden
wm push       # Hochladen

Mehr

• wm generate - Component erstellen
• wm dev - Preview
• Component Basics - Struktur