How does one go about creating an Angular library wrapper for an existing Javascript library?

Question

Suppose there exists a Javascript library written in plain Javascript and commonly used on vanilla, non-frameworked websites. How does one go about creating an Angular library that can easily be npm installed that would make the library seamless to use in an Angular app?

I cannot find any good demonstrations of this process in the Angular docs or on the wider web.

Just for instance, there is a fantastic Javascript library called p5.js, which is not straightforward to use with Angular. How would one go about creating an Angular module that you can simply import into your own Angular module and use all of its great features with full Angular support?

It kind of depends on what the library does. If it's using the DOM or not is a huge difference. — Reinstate Monica, Jul 25 '18 at 14:03
I am asking about one that uses the DOM specifically but I'm curious about all types in general — CodyBugstein, Jul 25 '18 at 15:10

Awad Maharoof · Answer 1 · 2019-11-14T03:29:48.527

8

Personally, I would go with Angular CLI. Angular CLI v6 has ng-packgr built in.

Take a look at the create library story. Its pretty straightforward and it will get you started quickly and guide you with the best practices for updates as well.

Update: For Angular CLI v7 and later, see documentation here

edited Nov 14 '19 at 03:29

answered Jul 19 '18 at 04:50

Awad Maharoof

1,889
1
26
32

How does one go about creating an Angular library wrapper for an existing Javascript library?

1 Answers1

Linked