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