


Rencontrez Elixir, la façon de Laravel de compiler les actifs
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.
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:
- node.js: Essential lorsque Gulp s'exécute dans Node.js. Les utilisateurs améliorés Homestead ont déjà ceci.
- 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é). - Laravel Elixir: Les projets Laravel incluent généralement
laravel-elixir
danspackage.json
. Installez en utilisantnpm 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'); });
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"); });
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']); });
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
etjs.output
dans l'objetconfig
d'Elixir (discuté plus tard).
-
Concaténation: Utiliser
scripts()
pour JavaScript etstyles()
pour CSS. Ceux-ci acceptent les arguments pour les chemins de source et de sortie, similaires aux méthodes de compilation.scriptsIn()
etstylesIn()
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éthodejade()
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'assistanceelixir()
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
dansnode_modules/laravel-elixir/Config.js
. Remplacez les paramètres en modifiant l'objetelixir.config
dansgulpfile.js
ou en créant un fichierelixir.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!

Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

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

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

Sujets chauds











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,

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.

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.

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.

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 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 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

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.
