Add PrimeNG

1. Add the NPM packages

npm install --save primeng
npm install --save primeui
npm install --save font-awesome

2. Add external font-awesome

Configure FontAwesome with the below paths.

See this for a guide on how to add external fonts.

FONTS_DEST = `${this.APP_DEST}/font-awesome/fonts`;

FONTS_SRC = ['node_modules/font-awesome/fonts/**'];

3. Add external scripts and styles

Replace <theme-name> with whatever theme from PrimeNG you want to use. See this for a guide on how to add external scripts and styles.

{ src: 'primeng/resources/primeng.min.css', inject: true },
{ src: 'primeng/resources/themes/<theme-name>/theme.css', inject: true },
{ src: 'font-awesome/css/font-awesome.min.css', inject: true },

4. SystemJS config for the dev environment

Modify SYSTEM_CONFIG_DEV in seed.config.ts adding this:

...
protected SYSTEM_CONFIG_DEV: any = {
...
paths: {
  ...
  'primeng': `${this.APP_BASE}node_modules/primeng`,
  ...
}
...