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
Post a Comment