Maison développement back-end tutoriel php Rencontrez Elixir, la façon de Laravel de compiler les actifs

Rencontrez Elixir, la façon de Laravel de compiler les actifs

Feb 16, 2025 pm 12:18 PM

rationalisez votre flux de travail Laravel avec Elixir: un guide complet

De nombreux développeurs Web utilisent divers outils pour améliorer leur flux de travail et maintenir des bases de code Lean. Cependant, les outils nécessitant une compilation, tels que CSS et les préprocesseurs JavaScript, peuvent parfois ralentir le processus. C'est là que les coureurs de tâches comme Gulp et Elixir brillent. Ce didacticiel explore Elixir, un outil Node.js convivial nœud.js construit par Jeffrey Way, conçu pour simplifier la gestion des tâches Gulp, en particulier dans le cadre de Laravel.

Meet Elixir, the Laravel Way of Compiling Assets

Ce guide se concentre sur la compilation des actifs dans Laravel, mais aborde également son applicabilité plus large.

Concepts clés:

  • Elixir Streamlines Asset Compilation en enveloppant les tâches Gulp dans une interface Node.js propre.
  • L'installation nécessite Node.js, Gulp et le package laravel-elixir (via NPM).
  • Elixir utilise des chemins de source et de sortie par défaut, mais ceux-ci sont personnalisables via des arguments de méthode ou un objet de configuration.
  • La prise en charge intégrée comprend la compilation du préprocesseur CSS, le traitement JavaScript et les versioning d'actifs.
  • Les tâches personnalisées sont facilement créées à l'aide de l'API d'Elixir, et il s'intègre parfaitement aux modèles de lame de Laravel.
  • Elixir automatise et rationalise le flux de travail, prenant en charge diverses prérocesseurs CSS et JavaScript, augmentant l'efficacité de développement de Laravel.

Prérequis et installation:

  1. node.js: Essential lorsque Gulp s'exécute dans Node.js. Les utilisateurs améliorés Homestead ont déjà ceci.
  2. Gulp: Elixir s'appuie sur Gulp. Installez globalement à l'aide de NPM: npm install --global gulp (sauf si déjà installé via Homestead amélioré).
  3. Laravel Elixir: Les projets Laravel incluent généralement laravel-elixir dans package.json. Installez en utilisant npm install dans le répertoire racine de votre projet. Pour les environnements non laravels: npm install laravel-elixir --save

avant de commencer:

Elixir suppose que les fichiers source (.less, .sass, .coffee, etc.) résident dans ./resources/assets/, avec sortie à ./public/ par défaut.

File Type Source Path Output Path
Less ./resources/assets/less ./public/css
Sass ./resources/assets/sass ./public/css
CoffeeScript ./resources/assets/coffee ./public/js

Les tâches d'élixir sont définies dans votre fonction gulpfile.js en utilisant la fonction elixir, qui prend un rappel avec un objet mix (fournissant toutes les méthodes disponibles).

elixir(function(mix) {
  mix.less('styles.less');
});
Copier après la connexion

Les tableaux de passage ou les caractères génériques se compilent et concatène plusieurs fichiers dans app.css ou app.js. Les noms de fichiers uniques entraînent des fichiers de sortie identiques nommés. Ces valeurs par défaut sont personnalisables.

Exemples pratiques:

  • Compilation moins:
elixir(function(mix) {
    mix.less("styles.less");
});
Copier après la connexion

compile resources/assets/less/styles.less à public/css/styles.css. La compilation SASS utilise mix.sass(). Elixir gère les préfixes du fournisseur.

  • COMPILIR COFFEEScript:
elixir(function(mix) {
    mix.coffee(['controllers.coffee', 'services.coffee']);
});
Copier après la connexion

compile les fichiers coffeecrits de resources/assets/coffee/ à public/js/app.js.

Techniques avancées:

  • Fichiers multiples: sass(), less(), coffee() accepter les fichiers uniques, les wildcards, les tableaux ou aucun argument (pour tous les fichiers du répertoire par défaut).

  • chemins source / sortie personnalisés:

    • Arguments: Un deuxième argument spécifie le répertoire de sortie:
      elixir(function(mix) {
        mix.less(['file1.less', 'file2.less'], 'custom/path');
      });
    Copier après la connexion
    • chemins complets: Préfixe avec ./ pour spécifier des chemins par rapport à la racine du projet.

    • Config Object: La méthode préférée est de modifier css.output et js.output dans l'objet config d'Elixir (discuté plus tard).

  • Concaténation: Utiliser scripts() pour JavaScript et styles() pour CSS. Ceux-ci acceptent les arguments pour les chemins de source et de sortie, similaires aux méthodes de compilation. scriptsIn() et stylesIn() concaténer tous les fichiers dans un répertoire spécifié.

  • Jade à lame: nécessite laravel-elixir-jade (npm install laravel-elixir-jade@0.1.8 --save-dev). La méthode jade() compile des modèles de jade à lame.

  • Versioning de fichiers: mix.version() Ajoute un hachage aux noms de fichiers, empêchant les problèmes de mise en cache. Utilisez l'assistance elixir() dans les modèles de lame pour référencer les fichiers versés.

  • Configuration: Le comportement de l'élixir est contrôlé via l'objet config dans node_modules/laravel-elixir/Config.js. Remplacez les paramètres en modifiant l'objet elixir.config dans gulpfile.js ou en créant un fichier elixir.json dans la racine de votre projet.

  • Tâches personnalisées: Étendez les fonctionnalités d'Elixir à l'aide de la méthode extend pour créer des tâches Gulp personnalisées.

  • Un scénario réel (Laravel / Angular):

    Cette section détaille un exemple complet démontrant les capacités d'Elixir dans un projet Laravel / Angular. Il couvre la configuration de l'élixir, de la compilation moins et du coffreescript, de la compilation de jade à lame et des actifs de version. Le gulpfile.js complet est fourni, présentant le chaîne de méthode.

    Tâches de course:

    Run gulp pour exécuter toutes les tâches d'élixir. gulp watch surveille les fichiers pour les modifications et exécute automatiquement les tâches. Les tâches individuelles peuvent être exécutées (par exemple, gulp less). Utiliser gulp --production pour la minification.

    Conclusion:

    Elixir simplifie la gestion des tâches Gulp, fournissant une interface conviviale pour les tâches de compilation d'actifs courants. Sa flexibilité, sa personnalisation et son intégration avec Laravel en font un outil précieux pour rationaliser les workflows de développement. Ce guide fournit un aperçu complet, mais l'exploration plus approfondie de la documentation d'Elixir est encouragée pour les fonctionnalités avancées.

    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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Bubble Gum Simulator Infinity - Comment obtenir et utiliser les clés royales
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
<🎜>: Grow A Garden - Guide de mutation complet
3 Il y a quelques semaines By DDD
Nordhold: Système de fusion, expliqué
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Comment déverrouiller le grappin
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel Java
1671
14
Tutoriel PHP
1276
29
Tutoriel C#
1256
24
Expliquez le hachage de mot de passe sécurisé dans PHP (par exemple, Password_Hash, Password_verify). Pourquoi ne pas utiliser MD5 ou SHA1? Expliquez le hachage de mot de passe sécurisé dans PHP (par exemple, Password_Hash, Password_verify). Pourquoi ne pas utiliser MD5 ou SHA1? Apr 17, 2025 am 12:06 AM

Dans PHP, Password_Hash et Password_verify Les fonctions doivent être utilisées pour implémenter le hachage de mot de passe sécurisé, et MD5 ou SHA1 ne doit pas être utilisé. 1) Password_hash génère un hachage contenant des valeurs de sel pour améliorer la sécurité. 2) Password_verify Vérifiez le mot de passe et assurez-vous la sécurité en comparant les valeurs de hachage. 3) MD5 et SHA1 sont vulnérables et manquent de valeurs de sel, et ne conviennent pas à la sécurité de mot de passe moderne.

PHP et Python: comparaison de deux langages de programmation populaires PHP et Python: comparaison de deux langages de programmation populaires Apr 14, 2025 am 12:13 AM

PHP et Python ont chacun leurs propres avantages et choisissent en fonction des exigences du projet. 1.Php convient au développement Web, en particulier pour le développement rapide et la maintenance des sites Web. 2. Python convient à la science des données, à l'apprentissage automatique et à l'intelligence artificielle, avec syntaxe concise et adaptée aux débutants.

PHP en action: Exemples et applications du monde réel PHP en action: Exemples et applications du monde réel Apr 14, 2025 am 12:19 AM

PHP est largement utilisé dans le commerce électronique, les systèmes de gestion de contenu et le développement d'API. 1) E-commerce: Utilisé pour la fonction de panier et le traitement des paiements. 2) Système de gestion du contenu: utilisé pour la génération de contenu dynamique et la gestion des utilisateurs. 3) Développement des API: Utilisé pour le développement de l'API RESTful et la sécurité de l'API. Grâce à l'optimisation des performances et aux meilleures pratiques, l'efficacité et la maintenabilité des applications PHP sont améliorées.

Comment fonctionne la résistance au type PHP, y compris les types scalaires, les types de retour, les types d'union et les types nullables? Comment fonctionne la résistance au type PHP, y compris les types scalaires, les types de retour, les types d'union et les types nullables? Apr 17, 2025 am 12:25 AM

Le type PHP invite à améliorer la qualité et la lisibilité du code. 1) Conseils de type scalaire: Depuis PHP7.0, les types de données de base sont autorisés à être spécifiés dans les paramètres de fonction, tels que INT, Float, etc. 2) Invite de type de retour: Assurez la cohérence du type de valeur de retour de fonction. 3) Invite de type d'union: Depuis PHP8.0, plusieurs types peuvent être spécifiés dans les paramètres de fonction ou les valeurs de retour. 4) Invite de type nullable: permet d'inclure des valeurs nulles et de gérer les fonctions qui peuvent renvoyer les valeurs nulles.

La pertinence durable de PHP: est-elle toujours vivante? La pertinence durable de PHP: est-elle toujours vivante? Apr 14, 2025 am 12:12 AM

PHP est toujours dynamique et occupe toujours une position importante dans le domaine de la programmation moderne. 1) La simplicité de PHP et le soutien communautaire puissant le rendent largement utilisé dans le développement Web; 2) sa flexibilité et sa stabilité le rendent exceptionnelle dans la gestion des formulaires Web, des opérations de base de données et du traitement de fichiers; 3) PHP évolue et optimise constamment, adapté aux débutants et aux développeurs expérimentés.

PHP et Python: différents paradigmes expliqués PHP et Python: différents paradigmes expliqués Apr 18, 2025 am 12:26 AM

PHP est principalement la programmation procédurale, mais prend également en charge la programmation orientée objet (POO); Python prend en charge une variété de paradigmes, y compris la POO, la programmation fonctionnelle et procédurale. PHP convient au développement Web, et Python convient à une variété d'applications telles que l'analyse des données et l'apprentissage automatique.

Comment empêchez-vous l'injection SQL en PHP? (Déclarations préparées, APD) Comment empêchez-vous l'injection SQL en PHP? (Déclarations préparées, APD) Apr 15, 2025 am 12:15 AM

L'utilisation de déclarations de prétraitement et l'APD dans PHP peut effectivement empêcher les attaques d'injection SQL. 1) Utilisez PDO pour vous connecter à la base de données et définir le mode d'erreur. 2) Créez des instructions de prétraitement via la méthode de préparation et transmettez des données à l'aide des espaces réservés et exécutez des méthodes. 3) Traitez les résultats de la requête et assurez la sécurité et les performances du code.

PHP et Python: exemples de code et comparaison PHP et Python: exemples de code et comparaison Apr 15, 2025 am 12:07 AM

PHP et Python ont leurs propres avantages et inconvénients, et le choix dépend des besoins du projet et des préférences personnelles. 1.Php convient au développement rapide et à la maintenance des applications Web à grande échelle. 2. Python domine le domaine de la science des données et de l'apprentissage automatique.

See all articles