Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Loading Raphael JS via require JS

DZone's Guide to

Loading Raphael JS via require JS

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

Raphael, the SVG JavaScript library, does not support require JS (yet). When loaded via require('raphael'), the code breaks throwing 'eve is not defined' error in the console. There is a year long issue thread going on regarding this issue, but still there is no official fix yet.

Anyway, in the same thread, people started providing patches that fix this issue (for time being). And in one of the project, I saw the Raphael source code split into different files and converted to CommonJS module pattern.

I took the liberty to extract only the raphael-js modules and put them together in this Github repo: https://github.com/vraa/raphael-require

So, if you have a need, please feel free to use the above repo and let me know if you face any issues.



What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}