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:

npm install bower -g

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:

bower install jquery

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

:

bower install jquery-Mustache

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

spécifie les dépendances:

"dependencies": {
    "jquery": ">=1.5",
    "mustache": ">=0.4"
}

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

bower install jquery.validation jquery.colorbox jquery.loadfeed

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

bower uninstall jquery.colorbox

bower avertit si désinstaller une dépendance.

Gestion des versions du package: mettez à jour jQuery:

bower update jquery

Voir les versions disponibles:

bower info jquery

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!