If I have an SPFx webpart and that webpart uses these dependencies:

  • jQuery
  • jQueryUI
  • Angular
  • LoDash

Then I have another SPFx webpart and that one uses:

  • jQuery
  • jQueryUI
  • React
  • Moment

If I load both those webparts on my page, I would be loading two bundles on the page. But both bundles have jQuery and jQueryUI. Is that not inefficient and could it cause conflicts?

I assume it's not going to cause a conflict but I'm concerned about loading duplicate libraries in terms of network consumption. I understand it's minified and likely cached through a CDN but still, not very DRY.

  • 1
    helpful? blog.mastykarz.nl/… – Eric Alexander Sep 16 '16 at 15:11
  • Yea it does. So essentially don't bundle external dependencies because of what I stated above, unless you really need to or can't use a CDN. Sounds good. Thanks. – Batman Sep 16 '16 at 16:18

Right - you don't want to make those libraries bundled internally. You want them to be referenced externally.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.