Gestion de dépendances simplifiée avec Browserify

Spécialité(s)


Résumé

Lorsque l'on écrit des fonctionnalités en JavaScript, il est indispensable de faire appel à plusieurs bibliothèques. Or, nous savons que dans l'environnement web, il est recommandé de n'avoir qu'un seul fichier JavaScript.Browserify va vous permettre d'écrire votre code en déclarant vos dépendances puis de vous générer ce fichier unique que vous n'aurez plus qu'à référencer dans votre page web.


Ce qui rend le langage JavaScript attractif, c'est la multitude de modules qui lui permettent de proposer un panel de fonctionnalités très impressionnant. Ceci va d'une bibliothèque telle que Underscore permettant d'augmenter les possibilités algorithmiques du langage lui-même à D3 qui permet de générer des graphiques d'une qualité irréprochable en passant par Prototype, Angular, Bootstrap, jQuery, Impress, Backbone ou beaucoup d'autres encore [1].

1. Le JavaScript côté client

De manière à vous montrer concrètement ce que Browserify peut vous apporter, nous allons construire ici un exemple d'une page web utilisant plusieurs bibliothèques JavaScript :

01: <!DOCTYPE html>

02: <html>
03:     <head>
04:         <meta charset="utf-8">
05:         <title>Page d'exemple sans Browserify</title>
06:         <link rel="stylesheet" type="text/css" href="main.css" />
07:         <script src="js/jquery.js"></script>
08:         <script...

Cet article est réservé aux abonnés. Il vous reste 93% à découvrir.
S'abonner à Connect
  • Accédez à tous les contenus de Connect en illimité
  • Découvrez des listes de lecture et des contenus Premium
  • Consultez les nouveaux articles en avant-première
Je m'abonne


Article rédigé par

Abonnez-vous maintenant

et profitez de tous les contenus en illimité

Je découvre les offres

Déjà abonné ? Connectez-vous