Les outils de compilation font partie intégrante de chaque kit de développement et permettent de concentrer sur un développement efficace sans tomber dans de petits détails qui pourraient distraire du Code à portée de main. Grunt est lamp;rsquoun de ces outils de compilation populaires. Nous avons récemment examiné comment utiliser gulp dans le développement WordPress. Gulp est un excellent outil pour optimiser les images thématiques, connecter les fichiers JS et automatiser le traitement du Code Sass less. Bien que le Gollum et le Gollum soient très semblables, il y a quelques différences. Dans je vais montrer ce que Grunt offre, comment lamp;rsquoutiliser et comment il diffère de gulp.
Outils de construction Introduction les outils de compilation sont essentiellement des outils automatisés qui permettent damp;rsquoexécuter des tâches simples rapidement et facilement. Vous pouvez créer un fichier à partir de plusieurs fichiers, convertir des documents écrits à prix réduit en HTML, et faire toutes sortes damp;rsquoautres bonnes choses. Dans un récent article sur gulp, jamp;rsquoai expliqué ce quamp;rsquoest un système de compilation, comment organiser les fichiers de deux façons différentes, et beaucoup damp;rsquoautres choses de base. Je recommande fortement de lire cet article avant de continuer. En dehors de la grammaire, les principes de base et la philosophie de gulp et Grunt sont identiques.
En commençant par Grunt et gulp, aurez besoin de noeuds pour exécuter gulp. namp;rsquoen avez pas, hochez la tête. Org et obtenir lamp;rsquoinstallateur. Les noeuds sont installés avec NPM (node Package Manager), qui peut être utilisé pour installer des paquets de noeuds tels que Grunt. Ensuite, nous installerons Grunt dans le monde entier. Vous pouvez le faire en ouvrant un terminal ou une invite de commande dans Windows (à partir de maintenant, je vais appeler les deux terminaux) et en émettant la commande suivante: Load Order 65e0766134f875fe0553 ensuite, nous devons créer deux fichiers: package. JSO
N et gruntfile. JS. Commençons par le sac. Json, camp;rsquoest un fichier de paquet de noeuds standard. Nous namp;rsquoajouterons que quelques informations, voir la documentation NPM pour plus damp;.
Téléchargez le fichier package 65e0766134f875fe0553 pour nommer notre package et fournir le numéro de version. Ce dont nous avons vraiment besoin ici, camp;rsquoest de la section dépendances. Voici une liste de toutes les dépendances que nous utiliserons. Maintenant, il suffit de marmonner: nous ajouterons bientôt plus! Gruntfile. JS est similaire au gulpfile de gulp: il dit à Grunt ce que nous voulons quamp;rsquoil fasse et quelles commandes nous voulons quamp;rsquoil réponde. La fonction Load Order 65e0766134f875fe0553 initconfig () est lamp;rsquoendroit où nous écrivons tout le contenu de lamp;rsquoactivité. Ensuite, nous enregistrerons les tâches suivantes, qui indiqueront à Grunt quelles tâches exécuter lorsque nous leur donnerons des commandes spécifiques. Jamp;rsquoa i maintenant créé une tâche par défaut vide.
Lamp;rsquoactivité crée des tâches de création de la même façon que nous lamp;rsquoavons fait pour gulp: le paquet damp;rsquoinstallation inclut lamp;rsquoutilisation de gulpfile pour commencer avec Sass, comme nous lamp;rsquoavons fait dans un autre article. Tout damp;rsquoabord, installez le paquet: téléchargez la commande 65e0766134f875fe0553, puis demandez le formulaire dans grunfile. Ordre de chargement 65e0766134f875fe0553 terminé! Nous pouvons maintenant écrire une activité pour convertir Sass en CSS. Voici le code complet, expliqué comme suit: la première commande le jour du téléchargement de lamp;rsquoordre 65e0766134f875fe0553 contient le module que pouvez voir directement au dessus de la fonction initconfig (). Dans cette fonction, jamp;rsquoa i entré une activité appelée Sass. Ces options indiquent à Grunt quel est le Répertoire de travail actuel (CWD), le fichier source à traiter, le Répertoire de destination et l’extension de fichier.
Enfin, jamp;rsquoai ajouté des tâches à exécuter avec la commande par défaut. Exécuter Grunt à partir du terminal de transport
Sera style style. SCS et styles de sortie. CSS dans le Répertoire racine. Je pense quamp;rsquoil ressort clairement de ce bref exemple que gulp est beaucoup moins lisible et logique que gulp, du moins à mon goût. On en reparlera plus tard, plus tard! voulez minimiser ces fichiers CSS générés, avez besoin du module cssmin Grunt Contrib. Installez le en utilisant NPM install Grunt contrib cssmin Enregistrez Dev et ajoutez le en tant quamp;rsquoexigence en insérant Grunt. Loadnpmtasks (
Une fois tout cela terminé, nous effectuerons une réduction réelle. La méthode est la suivante: Comme pouvez le voir, charger lamp;rsquoordre 65e0766134f875fe0553 est similaire à lamp;rsquoidée précédente. Plus important encore, jamp;rsquoajoute la tâche à la commande par défaut: Grunt. Registertask (amp;lsquodefaultamp;rsquo, amp;lsquoSassamp;rsquo,amp;rsquo cssmin amp;lsquo). avez lu lamp;rsquoarticle de gulp et que avez fait ce pas dans devriez être en mesure de comprendre les autres méthodes que jamp;rsquoai expliquées dans lamp;rsquoarticle précédent. Il samp;rsquoagit damp;rsquoinstaller le module et damp;rsquoajouter des tâches au fichier. Tous les paquets ont une excellente documentation et des exemples damp;rsquoutilisation, donc ne devriez pas avoir de problèmes avec la mise en œuvre.
Cependant, ce qui peut intéresser, camp;rsquoest la différence entre le grognement et le grognement, et quand les utiliser. La plus grande différence entre les deux systèmes est la structure des tâches. En bref, gulp est plus facile à lire, mais plus facile à confondre avec lamp;rsquoécriture, car le mécanisme de tuyauterie peut conduire à coder les spaghettis pendant votre activité. Personnellement, je préfère gulp parce que je veux que mon code soit lisible, donc je sais exactement ce que je veux en faire un an plus tard, il suffit de le regarder. travaillez dans une grande équipe ou un grand projet, pourriez préférer Grunt parce quamp;rsquoil a une approche plus stricte.
Un autre facteur important est la vitesse. Gulp est plus rapide parce quamp;rsquoil peut gérer tout en mémoire. Grunt utilise des fichiers dans
Temelti. Les opérations damp;rsquoE s sur disque prennent beaucoup plus de temps que les opérations de mémoire, ce qui fait que le grognement est environ deux fois plus rapide que le grognement. Néanmoins, ce namp;rsquoest pas une grande considération pour la plupart des gens. Est ce vraiment important si une tâche prend 0,04 ou 0,08 seconde? Dans une large mesure, cela pourrait poser problème, mais pour la plupart damp;rsquoentre nous, nous ne le remarquerons jamais. Une chose que jamp;rsquoai remarqué, camp;rsquoest que des activités mal écrites peuvent causer une instabilité dans lamp;rsquoingestion. Camp;rsquoest peut être mon idiot, mais jamp;rsquoai aussi vu des choses qui me crachent dessus pendant une seconde ou deux. Je pense que camp;rsquoest le résultat de lamp;rsquoutilisation de la mémoire, et les opérations sur disque dans le cas de Grunt namp;rsquoauront pas ce problème. Ce namp;rsquoest pas du tout scientifique et si lamp;rsquoun de a une expérience plus approfondie de cela, samp;rsquoil plaît dites nous!
Pendant un certain temps, Grunt a eu une plus grande communauté parce quamp;rsquoil samp;rsquoagissait damp;rsquoun projet plus ancien. Gulp a récemment repris le travail, laissant un grognement. À lamp;rsquoheure actuelle, les deux solutions ont des communautés très actives. Choisir entre Gollum et Gollum jamp;rsquoai évalué mes préférences: Je Gollum à chaque fois. Jamp;rsquoai trouvé quamp;rsquoil était écrit et lu de façon plus claire et que le mécanisme de canalisation me semblait plus logique. Je pense que camp;rsquoest en fait le facteur le plus important. Comme les deux systèmes sont plus ou moins identiques, cela dépend des préférences personnelles. Vous Grunt parce que plus de style quamp;rsquoil offre? Super, vas y.
Dans deux cas seulement, je suggère de choisir lamp;rsquoun damp;rsquoeux. en avez déjà utilisé un dans la plupart des projets, il pourrait être bon de continuer à utiliser la même solution. Malgré lamp;rsquoavantage de vitesse de gulp, je ne dirais pas que feriez mieux de jeter Grunt par la fenêtre. Lamp;rsquoautre scénario est si êtes vraiment
Une grande liste de tâches et un tas de fichiers. En théorie, gulp servira mieux, mais mon conseil est damp;rsquoécrire deux tâches en utilisant ces deux systèmes pour voir lequel fonctionne le mieux en termes de vitesse. Gollum et Gollum sont géniaux. Ils résolvent un grand nombre de problèmes et améliorent nos vies chaque jour. Que travailliez sur un projet WordPress ou autre, la création d’outils est toujours une bonne idée. À la fin de la journée, le choix entre une grande gorgée et un grognement dépend probablement de vos préférences personnelles. Veuillez nous indiquer dans les commentaires ci dessous où se trouve votre note! Étiquettes: outils de construction
Accélérer le développement de WordPress avec Grunt
