How to build an Angular project on Plunker (include the third party libraries)

Question

I encountered a trouble with angular, so I want to build a simple Angular project on Plunker to ask for help.

I only create a new Plunk, but I don't know how to include the third party libraries to this Plunk, for example, angular2-notification.

Angular + Typescript Demo Plunk

Answer 1

The best thing about Plunker is you can fork other peoples plunks easily to use as the basis for your own. The Angular Material 2 team keep a demo plunk up to date which is good to use as a starting point.

Add any third party libraries to config.js and then follow the package instructions as normal.

    map: {
        'angular2-notifications': 'npm:angular2-notifications'
    }

If it is not available on NPM you can also use rawgit to import directly from a GitHub repo.

Here is plunk with angular2-notifications added.

Answer 2

Take a look at this plunker. Mainly you should add library "umd" package in config file.

    'ngx-loading': 'npm:ngx-loading/bundles/ngx-loading.umd.min.js'
    'angular2-notifications': 'npm:angular2-notifications/bundles/angular2-notifications.umd.min.js'