PZH Style Library
Deze laag van de is verantwoordelijk voor het loskoppelen van style/ambiance. De doelstelling is opstellen en onderhouden van style definities.
Input
Output
- Website Website welke inzicht geeft in verschillende bouwblokken
- SCSS van componenten gedeployed als Prive NPM Library te vinden op documentatie
- Utility classes typografie, margins, paddings
Techniek
Technologieen
- Storybook
- Vue 3 als template engine
- SCSS als style language
Benodigdheden
- Node 18.12.1
- NPM 8.19.2
- NPM account op basis van je PZH emailadres. Dit account dient gerechtigd te zijn om private packages (@pzh-temporary) te gebruiken van PZH.
Installeren dependencies
npm install
Ontwikkelen
Dit start een storybook instantie in development mode
npm run dev
Build
Dit bouwt een storybook instantie zodat deze gepubliceerd kan worden.
npm run build
Publiceren
Publiceert nieuwe versie naar NPM en publiceert utility classes naar het CDN
- Verhoog attribuut 'version' in bestand package.json volgens SemVer
- Zorg dat je ingelogd bent bij NPM. Zo niet voer in command line commando 'npm login' uit
- Voer in command line commando 'npm publish' uit
Style library to CDN
TODO: Need to Migrate from pzh-html-componenten-library