Construire et publier votre propre plugin grogn

Cet article détaille la création et la publication d'un plugin grogn pour aborder les orphelins typographiques. Grunt, un coureur de tâches JavaScript, utilise des plugins pour créer des systèmes d'applications Web robustes. Ce tutoriel vous guide dans la construction d'un plugin, mettant l'accent sur le développement et les meilleures pratiques axés sur le test.

Concepts clés:

• Plugins grogn: étendent les fonctionnalités de Grunt, l'automatisation des tâches comme la minification, les tests et la libellule.
• grunt-init: Un outil simplifiant la création du squelette du plugin.
• Développement du test (TDD): Tests d'écriture avant implémentation.
• npm: Le gestionnaire de package du nœud, utilisé pour la publication des plugins.

Construire le plugin:

1. Configuration: installer grunt-init, cloner le modèle de plugin grunt, créer un répertoire pour votre plugin (grunt-typographic-adoption dans cet exemple) et exécuter grunt-init gruntplugin. Répondez aux invites, en fournissant des métadonnées pertinentes. La structure générée comprend Gruntfile.js, package.json, README.md, et les répertoires tasks et test.

2. Développement basé sur le test: Avant de coder la tâche, écrivez des tests dans test/typographic_adoption_test.js. Ces tests définissent le comportement attendu, garantissant correctement le plugin. Utilisez test/fixtures pour les fichiers d'entrée et test/expected pour la sortie attendue.

3. Implémentation: installer cheerio (une implémentation rapide, flexible et maigre de jQuery de base conçu spécifiquement pour le serveur) en utilisant npm install cheerio --save. Dans tasks/typographic_adoption.js, charger cheerio, définir les options (par exemple, sélecteurs CSS pour les éléments cibles) et implémenter la logique principale. Cette logique itère via des éléments HTML spécifiés, en remplaçant le dernier espace dans le contenu texte de chaque élément par un espace non brisé ( ).

4. Test et itération: Exécutez grunt pour exécuter les tests. Itérer sur l'implémentation jusqu'à ce que tous les tests passent.

5. Publication: Assurer que package.json est terminé et README.md fournit une documentation approfondie. Utilisez npm adduser pour créer ou se connecter à votre compte NPM, puis exécuter npm publish pour télécharger votre plugin dans le registre NPM.

meilleures pratiques:

• Écrivez Clear, Code concis.
• Fournir une documentation complète.
• Utilisez TDD.
• adhérer aux conventions de plugin grognées.

Questions fréquemment posées (FAQ): (celles-ci sont résumées car la section FAQ d'origine était assez longue)

Cette section répond aux questions courantes sur la création et la publication de plugins grogn, couvrant des aspects tels que le but du plugin, la configuration, la publication de NPM, package.json utilisation, l'ajout de tâches, les tests, l'utilisation de bibliothèques tierces, la mise à jour, le partage et les meilleures pratiques . La section FAQ d'origine a fourni des réponses détaillées à chacune de ces questions.

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!