Come si importano più file javascript nel file indice HTML senza il rigonfiamento?

Question

Esiste comunque l'importazione di più file javascript in HTML senza dover specificare ciascun file?

<script src="js/toolkit/Toolkit.js"></script> 
<script src="js/toolkit/Viewable.js"></script> 
<script src="js/toolkit/Overlay.js"></script> 

ie. posso specificare qualcosa come js/toolkit/*?

Ho 50 + file javascript che devo importare, e per specificare ogni file sembra molto che richiede tempo.

Answer 1

c'è un modo:

È possibile creare una funzione javascript che prende il percorso come un parametro e crea queste righe HTML:

<script src="js/toolkit/Toolkit.js"></script> 
<script src="js/toolkit/Viewable.js"></script> 
<script src="js/toolkit/Overlay.js"></script> 

E ti basta chiamare questo:

loadLib("toolkit/Toolkit"); 
loadLib("toolkit/Viewable"); 
loadLib("toolkit/Overlay"); 

Tuttavia, questo non è consigliato perché il tempo di caricamento sarà aumentato a causa del numero di richieste HTTP. Dovresti usare meglio qualcosa sul lato server per mettere tutto nello stesso file.

Answer 2

No, non puoi farlo. E tra l'altro non è una buona idea caricare tutti e 50 i file separati. Considera di comprimerli in un unico script per migliorare le prestazioni e ridurre il tempo di caricamento della pagina.

Answer 3

Sarà necessario specificare ciascun file per il browser per sapere cosa recuperare, ma a seconda dell'IDE che si sta utilizzando, potrebbero esserci scorciatoie per farlo (Visual Studios consente di trascinare e rilasciare i file di script nel html per aggiungere riferimenti).

Durante lo sviluppo, si desidera eseguire il lavoro mantenendo i file separati per la risoluzione dei problemi, ma in produzione, come altri hanno commentato, è un'ottima pratica per il codice minify e combinarli in un unico file. Ciò rende solo una chiamata e può ridurre significativamente il sovraccarico.

Answer 4

È possibile impostare grunt-watch la cartella degli script e concat/li minify in un unico file, poi basta necessario includere che nel file HTML.

Answer 5

L'inclusione di un file JavaScript in un altro file JavaScript è comune nello sviluppo web.

Perché molte volte includiamo il file JavaScript in fase di esecuzione per conto di alcune condizioni.

Quindi, possiamo ottenere questo utilizzando JavaScript e utilizzando jQuery.

Metodo 1: Usa JavaScript per includere un file di JavaScript

1. Aggiungere la seguente funzione nella vostra pagina web.

   function loadScript(url) 
   {  
       var head = document.getElementsByTagName('head')[0]; 
       var script = document.createElement('script'); 
       script.type = 'text/javascript'; 
       script.src = url; 
       head.appendChild(script); 
   } 
   

2. basta chiamare la funzione di sotto CaricaScript, in cui si desidera includere il file js.

   loadScript('/js/jquery-1.7.min.js'); 
   

Metodo 2: Utilizzare jQuery per includere un altro file JavaScript.

1. Aggiungi File jQuery nella vostra pagina web.

   <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
   

2. basta chiamare le funzioni di funzione getScript.

   jQuery(document).ready(function(){ 
       $.getScript('/js/jquery-1.7.min.js'); 
   }); 
   

How to include a JavaScript file in another JavaScript File

Answer 6

vi consiglio di utilizzare JSCompress. Comprime tutto il codice javascript in un unico file javascript.