Discussion :

[ma5t3r]

Bonjour,
j'ai plusieurs plugins jquery et au lieu d'importer les scripts 1 par 1 dans ma page html

Code :

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

1
2
3
4
5
6
 
    <script src="fichier1.js"></script>
    <script src="fichier2.js"></script>
    <script src="fichier3.js"></script>
    <script src="fichierN.js"></script>
...

j'aimerais en faire un import global, comme dans un fichier CSS en utilisant la règle "@import"

Code :

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

1
2
3
4
 
@import url("../css1.min.css");
@import url("../css2.min.css");
@import url("../cssn.min.css");

Le but n'est pas de traiter cette opération côté serveur mais bien côté client (comme les css).
Est-ce possible ?

Merci de vos réponses

[gene69]

je vois pas trop l'interet, éventuellement tu peux ajouter une balise <script> avec du javascript à la volée, mais pour épargner 10 octets tu vas fragiliser ton code.

[ma5t3r]

Salut,
merci
L'intérêt est de ne faire que du front end sans toucher le template html.
Le but est de faire un src d'1 seul js perso et de ne toucher qu'à ce fichier.
Je pensais qu'il devait exister une règle du type @import(url) en javascript qui permettait de le faire.
Ca me casse les c... pieds d'ajouter une balise <script src="http//... à chaque plugin développé (pure fainéantise de développeur je te l'accorde, j'ai pas 300 plugins aussi).
Peut-être qu'un outil de type YUI compressor peut faire un truc automatique, non ?
Concaténer plusieurs fichier js en un seul, il doit bien y avoir un truc qui existe qq part.
Je vais peut être voir de ce côté là. Si qqun a une piste.

[H2R file comme l'aire]

C'est possible avec de l'ajax

[ma5t3r]

Yordan m'a TUER

L'usine à gaz c'est pour les jeunes développeurs. Moi je suis une "feigne".

[gene69]

effectivement: https://developer.mozilla.org/fr/doc...uctions/import
jamais utilisé.

[ma5t3r]

Merci gene69.
Malheureusement, cette fonctionnalité javascript ne m'est pas d'une grande aide.
J'ai trouvé ça :
http://sametmax.com/include-require-...en-javascript/

Bon bah je crois que ça n'est pas possible de faire ce que je veux. Pas trop envie d’alourdir le navigateur avec un script de chargement des js.
J'aurais préféré un truc natif. Tant pis.

Il y a des outils comme requireJS qui permettent de le faire de façon automatisée. Je vais regarder de ce côté.

[Beginner.]

Il y a cette réponse de Daniel qui pourrait vous intéresser :

En développement, pour des exemples de code comme sur ce forum, on place souvent (par paresse) tous les codes dans le même fichier.

Un bloc "script JS" ou un fichier JS peut recevoir plusieurs bouts de codes. On sépare généralement les codes JS sans rapport les uns avec les autres, ce qui produit plusieurs petits fichiers JS.

Avant de passer en production, faites une sauvegarde de tous vos fichiers développement.

En production, vos codes CSS et JS doivent toujours être dans des fichiers séparés. Avant la compression (minification), on réunit - dans l'ordre de dépendance - tous ces fichiers en un seul à l'aide d'outils appropriés (voir l'univers du serveur de codes node.js) ou avec un outil online comme Closure Compiler.

Outil online pour le CSS.

D'autres intervenants auront peut-être de meilleurs conseils à vous donner ou de meilleurs outils à vous conseiller (voir aussi le forum et les tutoriels node.js). Personnellement, les outils online ci-dessus me suffisent pour l'instant.