


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











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

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.

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

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