Captura 22: cargar script si existe un elemento que depende del script
Mi objetivo es cargar javascript en el<head> solo si existe cierto elemento en el<body>.
Sin embargo, tengo un problema: estoy cargando un componente web, que es solo un<script> alojado en otro lugar y se extrae como:
<script src="https://someurl.com/some-web-component.min.js"></script>
Este archivo de componente web es enorme, por lo que no quiero extraerloa no ser que nuestro sistema de gestión de contenido (CMS) lo inserta en el cuerpo.
Las restricciones bajo las que estoy trabajando son:
• Los<head> se comparte entre páginas, así que necesito lógica condicional
• No tengo control sobre el<body> insertado por el CMS, que potencialmente contendrá el<my-web-component> etiqueta
• NECESITO el script para cargar el componente web, por lo que no puedo usar jQuery's $ (document). Listo, al menos creo que no puedo; se generará un error porque el navegador no sabrá que el elemento existe
Este plunker muestra parcialmente mi problema, menos toda la complejidad del componente web:
¿Alguna forma de evitar esto?