How sling add script js included in JSP

[AdobeID24]

Suppose I am having one component which is having one jsp file and that jsp file having code like

<script type="text/javascript" src="js/inline/polyfills.bundle.js">

how sling will get the js file ....it is taking by default libs/somefolder/js/inline/polyfills.bundle.js.....

bt if i have made chnages in polyfills.bundle.js and overlay the modes from libs to apps like apps/somefolder/js/inline/polyfills.bundle.js .

at run time sling will pick app js as we know sling will search first in libs then it ll look into libs ......but in my case it is taking from libs only after doing that as well.

What I am doing wrong here any idea ?

[Ankur_Khare · Accepted solution]

instead of including script like above as it's not the correct way of including js files , could you try something like below in your jsp file-

<ui:includeClientLib categories="cq.jquery"/>

The category will be your clientlib folder.

For more details refer below-

Using Client-Side Libraries

[Jaideep_Brar]

Yes, always use categories. For sly you can use the following syntax:

data-sly-call="${clientlib.js @ categories='clientlib1,clientlib2'}"

[AdobeID24]

Its OOTB jsp.... I am trying to cahnge the OOTB functionalities.......Alll above syntax I am aware .please help me on my specific question

[Ankur_Khare]

We are answering your specific question only.

Please use the include clientlib syntax to include js file instead of script tag so tgat your js gets called instead of libs.

Hope this makes sense.

[AdobeID24]

ok fine ...thanks for your reply