web component - How to safely load Polymer in unknown environment - multiple versions or namespace? -


i have elements built polymer needs run on multiple sites (a widget) which:

  • don't have polymer included (fine, can include)
  • polymer included @ compatible version (brilliant, unlikely)
  • polymer @ unknown version (too old or new, tricky)

is possible load polymer in namespace? e.g. myobj.polymer or mypolymername

i have found polymer-js let me load polymer module, isn't official way. this still exports global scope

the solution rely on package management resolve polymer single compatible version project , dependencies, , html imports de-duplicate loading of dependencies multiple sources.

if vend elements bower packages, site can include them, dependencies , imports of polymer, , if compatible version of polymer available, use 1 version across whole project.

in future version of polymer, after es6 modules , loaders spec'ed, have version of polymer that's exported via modules multiple versions can scoped explicit imports , can safely coexist on page.


Comments