regrouper différents fichiers .js

**lamiecahuete** · 30/05/2011, 16h51

Bonjour,

Je suis débutante en .js et je me retrouve face à une impasse.
Je souhaiterais regrouper différents fichiers .js en seul doc mais ça ne fonctionne pas... (voir .js en pj)

j'ai déjà un créé un .js avec tous les scripts utilisés pour mon site et je souhaiterai y ajouter ces fichier pour éviter ces lignes de code en plus dans mon <head> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

qui du coup, font tout buger!

Quelqu'un à t il une idée?

Merci d'avance

**ohnomorejmmings** · 30/05/2011, 17h15

Envoyé par lamiecahuete

Je souhaiterais regrouper différents fichiers .js en seul doc mais ça ne fonctionne pas...

Il n'existe pas d'équivalent à la fonction "include" de certains langages en JavaScript. De plus le code que tu as indiqué c'est du HTML et donc n'est pas valide dans un code JS. Donc si tu as plusieurs bibliothèques et que les unes ont besoin des autres tu dois hélas spécifier ces dépendances dans ton code HTML. Après c'est possible de bidouiller si ton application est dynamique (PHP & Cie) mais ceci est une autre histoire…

**WibiMaster** · 31/05/2011, 08h37

Il existe en effet des possibilités de regroupement de ces fichiers dynamiquement, mais je ne suis psa sûr que ce soit ce que tu recherches.

Sinon, plus simplement : tu ouvres tes fichiers JS, tu copie le contenu, tu le colle dans un autre fichier JS. Tu les copies / colles tous dans le même fichier, à la suite et dans le bon ordre, et ça devrait le faire... Non ?

Sûr qu'il ne faut pas mettre les balises <script> dans le fichier, sinon ça plante.

Avec la méthode décrite ci-dessus, il m'est déjà arrivé d'avoir des petits soucis, il faut bien les copier dans le bon ordre.

**ohnomorejmmings** · 31/05/2011, 12h22

Envoyé par WibiMaster

Sinon, plus simplement : tu ouvres tes fichiers JS, tu copie le contenu, tu le colle dans un autre fichier JS. Tu les copies / colles tous dans le même fichier, à la suite et dans le bon ordre, et ça devrait le faire... Non ?

Mais… mais… t'es un véritable hérétique toi !

Plus sérieusement c'est une limite de JS qui pourrait changer à l'avenir et si ça se trouve une version (1.x ? 2 ?) propose même déjà un équivalent à l'include d'autres langages. Ça me semble même inévitable quand on voit la dimension qu'il a prit ces dernières années avec le boom d'AJAX et son importance croissante pour les navigateurs. De manière générale copier-coller et bourrer son code dans un seul gros fichier c'est toujours une mauvaise idée. C'est d'autant plus vrai dans le cas d'une biblio puisque la modularité est une priorité. À chaque fichier son prototype ou lot de fonctions. De plus ça permet d'inclure de manière efficace même si évidemment une gestion efficace à la Java (paquetages) serait bien mieux par exemple.

Aujourd'hui on pleure

Demain on include ("*.js")

**Bovino** · 31/05/2011, 13h51

De manière générale copier-coller et bourrer son code dans un seul gros fichier c'est toujours une mauvaise idée.

Euh... non, pas vraiment...
Lorsque la page se crée, les ressources (scripts, feuilles de styles, images, etc.) sont téléchargées au fur et à mesure et le navigateur limite à trois fichiers simultanés. Comme en plus, à la différence des autres ressources, les scripts sont chargés de façon synchrone (bloquent donc la suite de la création de la page), plus tu as de fichiers .js, moins c'est bon pour les performances.

Sinon, pour effectivement conserver la séparation des fonctionnalités dans chaque script (préférable pour la maintenance), tu peux passer par le serveur pour faire les includes de scripts :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<?php
header('Content-type: text/javascript');
$scripts = ('script1', 'script2', 'script3');
foreach($scripts as $script){
    include($script.'.js');
}
?>

**RomainVALERI** · 31/05/2011, 14h10

C'est quoi le problème d'inclure tes ressources js dans le head en plusieurs fichiers distincts ?

les performances ? j'imagine que ça ne doit être détectable que dans certains cas limites d'utilisation intensive du js...

non ?

**Watilin** · 01/06/2011, 23h17

… Ou simplement un site à grosse fréquentation. Il faut garder à l'esprit qu'un serveur ne peut pas supporter énormément de connexions HTTP simultanées. Et chaque ressource de la page (image, script, feuille de style) nécessite une requête HTTP.

Personnellement je trouve ennuyeux que les optimisations dûes à la partie réseau rendent l'architecture du site moins évidente… Je pense à cette technique, concaténer les scripts, mais aussi aux sprites CSS, etc.
Bon, je suis un peu hors sujet là.

@lamiecahuete> pose-toi plutôt la question : est-ce que tu as vraiment besoin de toute la bibliothèque Prototype et tous les effets Scriptaculous pour utiliser simplement une lightbox ?

regrouper différents fichiers .js

JavaScript

Vue hybride

Discussions similaires

Partager

Partager