96 votes

Combinez plusieurs fichiers JavaScript dans un fichier JS

J'utilise jQuery dans mon application Web et je dois charger plus de fichiers de script JQuery sur une seule page.

Google m'a suggéré de combiner tous les fichiers de script JQuery en un seul fichier.

Comment puis-je faire ceci?

54voto

dfsq Points 41491

Sur linux, vous pouvez utiliser un simple script shell https://github.com/dfsq/compressJS.sh pour combiner plusieurs fichiers javascript en un seul. Il utilise le service en ligne Closure Compiler pour que le script résultant soit également compressé.

 $ ./compressJS.sh some-script.js another-sctipt.js onemore.js
 

18voto

Prydie Points 535

Il vous suffit de combiner les fichiers de texte, puis utiliser quelque chose comme la YUI Compressor.

Les fichiers peuvent être facilement combinés à l'aide de la commande cat *.js > main.js et main.js peut ensuite être exécuté par le biais de l'YUI compressor, à l'aide de java -jar yuicompressor-x.y.z.jar -o main.min.js main.js.

Mise À Jour Août 2014

Maintenant, j'ai migré à l'aide de Gulp javascript pour la concaténation et la compression avec divers plugins et un minimum de configuration, vous pouvez faire des choses comme ensemble de dépendances, de compiler coffeescript, etc ainsi que la compression de votre JS.

18voto

Tom Gruner Points 3570

Essayez le compilateur de fermeture google:

http://code.google.com/closure/compiler/docs/gettingstarted_ui.html

11voto

Gary Hole Points 9736

Vous pouvez le faire via

  • une. Manuellement: copie de tous les fichiers Javascript en un, lancez un compresseur ( facultatif mais recommandé ), chargez-le sur le serveur et associez-le à ce fichier.
  • b. Utilisez PHP: créez simplement un tableau de tous les fichiers JS et de include tous et exportez-les dans une balise <script>

7voto

Capsule Points 3514

Le regroupement de scripts est contre-productif, vous devriez les charger en parallèle en utilisant quelque chose comme http://yepnopejs.com/ ou http://headjs.com

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X