BUSY Pattern Lab Slingshot

An oppinionated composition of frameworks and utilities for quickly scaffolding out boilerplates for working with design systems in BUSY ApS

It's comprised of the following technologies:

• Pattern Lab with a webpack wrapper
• SCSS with a ITCSS approach
• PostCSS: Rucksack, cssnano, Autoprefixer.

Installation and Starting

1. npm install
2. npm run patternlab:serve

Prerequisites

The Pattern Lab Node - webpack edition uses Node for core processing, npm to manage project dependencies, and webpack.io to run tasks and interface with the core library. Node version 4 or higher suffices. You can follow the directions for installing Node on the Node website if you haven't done so already. Installation of Node will include npm.

List all of the available commands

To list all available commands type:

npm run patternlab:help

Generate Pattern Lab

To generate the front-end for Pattern Lab type:

npm run patternlab:build