ng-designsystem v5.0.0-beta.4

Design System 5.0.0

Your npm version must be at least 5.0.0, please check by running npm -v.

Local Development

Run npm install from each of the root, client and server folders.

After all installs complete, from the root folder run:

npm start

This will start the server at port :8081, the client at :8082, and open the app in your default browser.

Note: You may need to delete the package-lock.json file and reinstall node modules if there is an error running the app.

Local Build

Install node-sass and bestzip globally:

npm install -g node-sass
npm install -g bestzip

Run npm run build from the root folder. This will compile:

• the Angular app into ./deploy/public (including all assets: fonts, images, etc)
• run tsc to compile the typescript files into ./deploy
• create ./deploy/deploy.zip

Design System Distribution

Install postcss-cli globally:

npm install postcss-cli

To build the distributable files for the pb-design-system, run:

npm run dspackage

This will compile:

• the design system scss files to ./dspackage/dist/css/designsystem.css
• copy the fonts to ./dspackage/dist/fonts
• copy the mixins and variables scss files to ./dspackage/sass