Include a javascript for composite component only once in a page despite of composite components themselves used multiple times

Question

How do I include a JavaScript code only once for multiple usages of a composite component on a page?

Initially I had put I put the JS code inside the cc:implementation tags but that lead to the script being included each time with the components. I want to avoid this condition and include the JavaScript only once even if component has been used multiple times on a page.

BalusC · Accepted Answer · 2015-04-15T09:11:21.517

15

Include the static part of that JS code as a standalone JS file by <h:outputScript> with target="head". It'll be rendered into <h:head> just once.

<cc:implementation>
    <h:outputScript name="js/myCompositeHelper.js" target="head" />
    ...
</cc:implementation>

edited Apr 15 '15 at 09:11

answered Sep 12 '11 at 20:40

BalusC

1,082,665
372
3,610
3,555

Has something changed here? I used to include Leaflet and GoogleMutant for Leaflet inside a component. The web browser consoles says "You have included the Google Maps API multiple times on this page. This may cause unexpected errors." – Felix Mar 23 '18 at 13:39

Include a javascript for composite component only once in a page despite of composite components themselves used multiple times

1 Answers1

Linked