Gestion des emballages pour le navigateur avec Bower

Bower simplifie la gestion des packages JavaScript côté client. Créé par Twitter et accessible via NPM, il élimine le traitement manuel des bibliothèques JavaScript.

Prérequis: Node.js, NPM (inclus avec Node.js) et Git. Téléchargez node.js à partir de nodejs.org et git à partir de git-scm.com/downloads.

Installation: ouvrez votre terminal et exécutez:

<code class="language-bash">npm install bower -g</code>

L'indicateur -g installe Bower à l'échelle mondiale pour l'accès à l'échelle du système.

Explorer Bower: Utilisez bower --help pour afficher les commandes disponibles. Les commandes incluent l'installation, la désinstallation, la mise à jour, la liste et la recherche de packages. Pour une aide de commande détaillée, utilisez bower help <command></command>, par exemple, bower help list.

Installation des packages: installer jQuery:

<code class="language-bash">bower install jquery</code>

Bower clones Le référentiel GIT du package, le met en cache dans ~/bower et le copie dans le répertoire components de votre projet (créé s'il n'existe pas). Inclure jQuery en utilisant un

jquery-Mustache Gestion des dépendances: installer

:

<code class="language-bash">bower install jquery-Mustache</code>

mustache Bower installe automatiquement ses dépendances (comme components.json dans ce cas). Le fichier

spécifie les dépendances:

<code class="language-json">"dependencies": {
    "jquery": ">=1.5",
    "mustache": ">=0.4"
}</code>

Installation de plusieurs packages: installer plusieurs packages simultanément:

<code class="language-bash">bower install jquery.validation jquery.colorbox jquery.loadfeed</code>

Packages de désinstallation: Packages de désinstallation en utilisant:

<code class="language-bash">bower uninstall jquery.colorbox</code>

bower avertit si désinstaller une dépendance.

Gestion des versions du package: mettez à jour jQuery:

<code class="language-bash">bower update jquery</code>

Voir les versions disponibles:

<code class="language-bash">bower info jquery</code>

Publication des packages: pour publier votre package:

1. component.json Créer un fichier
.
poussez votre package vers un référentiel GIT (par exemple, github).
3. bower register yourpackagename git://github.com/yourusername/repositoryname Inscrivez-le en utilisant:
(Remplacez les espaces réservés par vos coordonnées).

Conclusion: Bower rationalise la gestion des packages JavaScript, la simplification de l'installation, les mises à jour et même la publication de vos propres packages.

Ressources supplémentaires:

Bower Site Web officiel
Bower GitHub Repository
JavaScript Jabber Podcast (épisode 029: bower.js)
ENDER (gestionnaire de packages alternatif)
Jam (une autre alternative)

<script> tag: <pre class="brush:php;toolbar:false"><code class="language-html"><script src="components/jquery/jquery.js"></script>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!