Share
Aujourd'hui, la plupart des développeurs Web front-end passent beaucoup de temps avec des technologies telles que Sass, LESS, HTML et JavaScript. Les dernières années ont été passionnantes pour le développement Web et les technologies telles que Grunt ont contribué à cet enthousiasme..
Dans cette série, je compte vous présenter Grunt et expliquer comment il peut améliorer notre développement des thèmes et des plugins WordPress. Nous allons également configurer Grunt pour l’utiliser dans votre prochain projet. Enfin, nous examinerons les outils de ligne de commande, ainsi que.
Grunt est un outil d'automatisation pour les développeurs front-end. Il est écrit en JavaScript, il devrait donc être joli à comprendre et à comprendre si vous connaissez JavaScript. Voici la description du site Web Grunt:
En un mot: automatisation. Moins vous avez à faire de tâches répétitives telles que la minification, la compilation, les tests unitaires, les peluches, etc., plus votre travail devient facile. Une fois que vous l'avez configuré, un exécutant de tâches peut effectuer la majeure partie de ce travail banal pour vous et votre équipe, avec pratiquement aucun effort..
Grunt est un outil indépendant du système d'exploitation. Par conséquent, que vous développiez sur Mac, Windows ou Linux, vous devriez pouvoir l'utiliser. Cela le rend vraiment idéal pour les grandes équipes qui ont un mélange de plates-formes avec lesquelles ils développent. La meilleure partie est que, lorsque vous configurez votre projet avec Grunt, celui-ci est également facilement partageable avec les autres. Nous couvrirons cela plus dans un autre post.
Pour ceux d'entre vous qui n'ont pas travaillé avec ou entendu parler de cela, Node.js est un runtime JavaScript. Il a vraiment pris son envol au cours des dernières années et des technologies telles que Grunt et Bower l'ont vraiment aidé à accélérer son adoption. Voici la description du site Web Node:
Node.js est une plate-forme basée sur le moteur d'exécution JavaScript de Chrome permettant de créer facilement des applications réseau rapides et évolutives. Node.js utilise un modèle d'E / S non bloquant, basé sur les événements, qui le rend léger et efficace, idéal pour les applications temps réel gourmandes en données exécutées sur des périphériques distribués..
Le nœud est la condition préalable à l’utilisation de Grunt et vous devez l’avoir installé sur votre machine et éventuellement sur vos serveurs. Grunt utilise npm pour installer et gérer les plugins. Vous pouvez en savoir plus sur les exigences de la page Mise en route sur le site Web de Grunt..
Une fois que vous avez installé les tâches dont vous avez besoin pour votre projet, vous devez trouver un moyen de les exécuter. C’est ici que le fichier Gruntfile.js entre en jeu. Le fichier Grunt spécifie les tâches à inclure et les options que vous spécifiez pour les exécuter..
C’est là que vous préciserez probablement vos cibles et sources pour chaque tâche. Un exemple serait de pointer vers vos fichiers .scss précompilés et de spécifier l’emplacement où vous souhaitez que les fichiers .css compilés soient enregistrés. Vous spécifierez également d'autres options que chaque plugin aura à votre disposition. Ceux-ci sont généralement documentés avec chaque plugin.
Les tâches sont vraiment où le pouvoir est à mon avis. Une tâche est simplement un moyen d’exécuter un groupe de plugins. Vous voudrez spécifier une tâche par défaut qui sera exécutée lors de votre exécution. 'grognement'. Vous pouvez utiliser la tâche de surveillance pour pouvoir exécuter automatiquement des tâches ou des plug-ins lorsque des fichiers spécifiques changent dans votre projet..
Je prévois de me lancer dans des tâches plus tard.
Grunt est certainement un outil que vous devriez apprendre à connaître si vous êtes un développeur front-end ou WordPress. Cette citation du site Grunt résume vraiment les choses,
L’écosystème Grunt est immense et s’agrandit chaque jour. Avec des centaines de plugins parmi lesquels choisir, vous pouvez utiliser Grunt pour automatiser à peu près tout avec un minimum d'effort. Si quelqu'un n'a pas encore construit ce dont vous avez besoin, créer et publier votre propre plugin Grunt sur npm est un jeu d'enfant..
Si vous n’avez pas encore commencé à l’utiliser dans vos projets, vous devriez certainement l’envisager..
Accentsconagua