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

<🎜>: Dead Rails - Comment apprivoiser les loups
4 Il y a quelques semaines By DDD
<🎜>: Grow A Garden - Guide de mutation complet
2 Il y a quelques semaines By DDD
Niveaux de force pour chaque ennemi et monstre de R.E.P.O.
4 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
1657
14
Tutoriel PHP
1257
29
Tutoriel C#
1229
24
Expliquez les jetons Web JSON (JWT) et leur cas d'utilisation dans les API PHP. Expliquez les jetons Web JSON (JWT) et leur cas d'utilisation dans les API PHP. Apr 05, 2025 am 12:04 AM

JWT est une norme ouverte basée sur JSON, utilisée pour transmettre en toute sécurité des informations entre les parties, principalement pour l'authentification de l'identité et l'échange d'informations. 1. JWT se compose de trois parties: en-tête, charge utile et signature. 2. Le principe de travail de JWT comprend trois étapes: la génération de JWT, la vérification de la charge utile JWT et l'analyse. 3. Lorsque vous utilisez JWT pour l'authentification en PHP, JWT peut être généré et vérifié, et les informations sur le rôle et l'autorisation des utilisateurs peuvent être incluses dans l'utilisation avancée. 4. Les erreurs courantes incluent une défaillance de vérification de signature, l'expiration des jetons et la charge utile surdimensionnée. Les compétences de débogage incluent l'utilisation des outils de débogage et de l'exploitation forestière. 5. L'optimisation des performances et les meilleures pratiques incluent l'utilisation des algorithmes de signature appropriés, la définition des périodes de validité raisonnablement,

Comment fonctionne le détournement de session et comment pouvez-vous l'atténuer en PHP? Comment fonctionne le détournement de session et comment pouvez-vous l'atténuer en PHP? Apr 06, 2025 am 12:02 AM

Le détournement de la session peut être réalisé via les étapes suivantes: 1. Obtenez l'ID de session, 2. Utilisez l'ID de session, 3. Gardez la session active. Les méthodes pour empêcher le détournement de la session en PHP incluent: 1. Utilisez la fonction Session_RegeReate_id () pour régénérer l'ID de session, 2. Stocker les données de session via la base de données, 3. Assurez-vous que toutes les données de session sont transmises via HTTPS.

Comment gérez-vous efficacement les exceptions en PHP (essayez, attrapez, enfin, jetez)? Comment gérez-vous efficacement les exceptions en PHP (essayez, attrapez, enfin, jetez)? Apr 05, 2025 am 12:03 AM

En PHP, la gestion des exceptions est réalisée grâce aux mots clés d'essai, de catch, enfin et de lancement. 1) Le bloc d'essai entoure le code qui peut lancer des exceptions; 2) Le bloc de capture gère les exceptions; 3) Enfin, Block garantit que le code est toujours exécuté; 4) Le lancer est utilisé pour lancer manuellement les exceptions. Ces mécanismes aident à améliorer la robustesse et la maintenabilité de votre code.

Expliquez différents types d'erreur dans PHP (avis, avertissement, erreur mortelle, erreur d'analyse). Expliquez différents types d'erreur dans PHP (avis, avertissement, erreur mortelle, erreur d'analyse). Apr 08, 2025 am 12:03 AM

Il existe quatre principaux types d'erreur dans PHP: 1.Notice: Le moins, n'interrompra pas le programme, comme l'accès aux variables non définies; 2. AVERTISSEMENT: grave que d'avis, ne résiliera pas le programme, comme ne contenant aucun fichier; 3. FatalError: le plus grave, finira le programme, comme appeler aucune fonction; 4. PARSEERROR: ERREUR SYNTAXE, EVERA ENCORE LE PROGRAMME EST EXECULTÉ, comme oublier d'ajouter la balise de fin.

Quelle est la différence entre inclure, require, inclure_once, require_once? Quelle est la différence entre inclure, require, inclure_once, require_once? Apr 05, 2025 am 12:07 AM

En PHP, la différence entre inclure, require, include_once, require_once est: 1) inclue génère un avertissement et continue d'exécuter, 2) require génère une erreur fatale et arrête l'exécution, 3) include_once et require_once empêcher les inclusions répétées. Le choix de ces fonctions dépend de l'importance du fichier et s'il est nécessaire d'empêcher l'inclusion en double. L'utilisation rationnelle peut améliorer la lisibilité et la maintenabilité du code.

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: un langage clé pour le développement Web PHP: un langage clé pour le développement Web Apr 13, 2025 am 12:08 AM

PHP est un langage de script largement utilisé du côté du serveur, particulièrement adapté au développement Web. 1.Php peut intégrer HTML, traiter les demandes et réponses HTTP et prend en charge une variété de bases de données. 2.PHP est utilisé pour générer du contenu Web dynamique, des données de formulaire de traitement, des bases de données d'accès, etc., avec un support communautaire solide et des ressources open source. 3. PHP est une langue interprétée, et le processus d'exécution comprend l'analyse lexicale, l'analyse grammaticale, la compilation et l'exécution. 4.PHP peut être combiné avec MySQL pour les applications avancées telles que les systèmes d'enregistrement des utilisateurs. 5. Lors du débogage de PHP, vous pouvez utiliser des fonctions telles que error_reportting () et var_dump (). 6. Optimiser le code PHP pour utiliser les mécanismes de mise en cache, optimiser les requêtes de base de données et utiliser des fonctions intégrées. 7

Quelles sont les méthodes de demande HTTP (obtenir, publier, mettre, supprimer, etc.) et quand chacune devrait être utilisée? Quelles sont les méthodes de demande HTTP (obtenir, publier, mettre, supprimer, etc.) et quand chacune devrait être utilisée? Apr 09, 2025 am 12:09 AM

Les méthodes de demande HTTP incluent GET, Publier, Put and Delete, qui sont utilisées pour obtenir, soumettre, mettre à jour et supprimer respectivement les ressources respectivement. 1. La méthode GET est utilisée pour obtenir des ressources et convient aux opérations de lecture. 2. La méthode post-post est utilisée pour soumettre des données et est souvent utilisée pour créer de nouvelles ressources. 3. La méthode de put est utilisée pour mettre à jour les ressources et convient aux mises à jour complètes. 4. La méthode de suppression est utilisée pour supprimer les ressources et convient aux opérations de suppression.

See all articles