


Comment empaqueter des fichiers de ressources frontaux à l'aide de Laravel Mix??
Jun 12, 2023 am 11:10 AMLaravel Mix est un puissant outil de création front-end qui peut vous aider à empaqueter et à optimiser des fichiers de ressources front-end, tels que JavaScript, CSS, images, etc. Il est basé sur Webpack et fournit une API simple mais puissante pour faciliter la gestion et le packaging des ressources frontales.
Dans cet article, nous apprendrons comment utiliser Laravel Mix pour empaqueter des fichiers de ressources front-end et les optimiser dans un fichier simple et facile à utiliser.
Installer Laravel Mix
Tout d'abord, nous devons installer Laravel Mix. Vous pouvez l'installer en utilisant npm ou fil.
Si vous utilisez npm, veuillez exécuter la commande suivante?:
npm install laravel-mix --save-dev
Si vous utilisez du fil, veuillez exécuter la commande suivante?:
yarn add laravel-mix --dev
Initialize Laravel Mix
Une fois l'installation terminée, créez un nouveau fichier nommé webpack à la racine répertoire de votre projet. Le fichier mix.js. Ensuite, entrez le code suivant dans le fichier?:
let mix = require('laravel-mix');
Ici, nous introduisons le module laravel-mix et l'attribuons à la variable mix.
Ensuite, nous pouvons commencer à initialiser Laravel Mix en utilisant les méthodes fournies dans la variable mix.
Par exemple, si vous souhaitez regrouper plusieurs fichiers CSS dans un seul fichier et le copier dans le dossier public/css, vous pouvez saisir le code suivant?:
mix.styles([ 'resources/css/app.css', 'resources/css/custom.css' ], 'public/css/all.css');
Ce code regroupera app.css et custom.css , puis enregistrez-les sous public/css/all.css.
Autre exemple, si vous souhaitez regrouper plusieurs fichiers javascript dans un seul fichier, vous pouvez saisir le code suivant?:
mix.scripts([ 'resources/js/app.js', 'resources/js/custom.js' ], 'public/js/all.js');
Ce code regroupera app.js et custom.js, puis les enregistrera dans public/js/all. js ci-dessous.
Compile LESS ou SASS
L'une des fonctionnalités qui distingue vraiment Laravel Mix est sa prise en charge de la compilation de fichiers LESS ou SASS.
Si votre projet utilise LESS ou SASS, vous pouvez facilement compiler ces fichiers en utilisant les méthodes mix.less() ou mix.sass().
Par exemple, vous pouvez saisir le code suivant pour compiler un fichier LESS et l'enregistrer sous public/css :
mix.less('resources/less/app.less', 'public/css');
Ce code compilera le fichier app.less et enregistrera le fichier CSS compilé sous public/css .
Même, vous pouvez utiliser la méthode mix.less() ou mix.sass() pour empaqueter plusieurs fichiers, les compiler en un seul fichier et l'enregistrer sous public/css.
Par exemple, vous pouvez saisir le code suivant pour regrouper plusieurs fichiers LESS et les enregistrer sous public/css?:
mix.less([ 'resources/less/app.less', 'resources/less/custom.less' ], 'public/css/all.css');
Ce code regroupera les fichiers app.less et custom.less, puis les compilera dans des fichiers CSS et sera enregistré sous public/css/all.css.
Compilez les fichiers React
Si vous utilisez React dans votre projet, vous pouvez utiliser la méthode React de Laravel Mix pour les compiler.
Par exemple, vous pouvez saisir le code suivant pour compiler les fichiers React et les enregistrer sous public/js?:
mix.react('resources/js/app.js', 'public/js');
Ce code compilera le fichier app.js et enregistrera les fichiers JS compilés sous public/js.
Quel que soit le langage React que vous utilisez, Laravel Mix fournit les méthodes de compilation correspondantes.
Optimiser les fichiers de ressources front-end
En plus de conditionner les fichiers de ressources front-end, Laravel Mix fournit également d'autres méthodes d'optimisation.
Vous pouvez utiliser la méthode mix.version() pour ajouter un numéro de version au fichier packagé. Cela vous aidera à résoudre les problèmes de mise en cache.
Par exemple, vous pouvez saisir le code suivant pour ajouter un numéro de version au fichier empaqueté?:
mix.version();
Ce code ajoutera automatiquement un numéro de version au fichier empaqueté et l'enregistrera dans mix-manifest.json.
De plus, vous pouvez également utiliser la méthode mix.setPublicPath() pour définir le chemin public du fichier empaqueté. Cela vous aidera à mieux gérer vos ressources frontales.
Par exemple, vous pouvez saisir le code suivant pour définir le chemin public du fichier empaqueté?:
mix.setPublicPath('public/assets');
Ce code définira le chemin public du fichier empaqueté sur public/assets.
Conclusion
Laravel Mix est un outil de création front-end très facile à utiliser et puissant. Il peut vous aider à empaqueter et à optimiser les fichiers de ressources front-end pour les rendre plus faciles à utiliser. Lorsque vous utilisez Laravel Mix, il vous suffit de conna?tre quelques API de base et vous pouvez facilement terminer le travail de packaging des fichiers de ressources frontaux.
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

Undress AI Tool
Images de déshabillage gratuites

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.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à 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)

Il existe trois fa?ons principales de définir des variables d'environnement dans PHP: 1. Configuration globale via Php.ini; 2. Passé via un serveur Web (tel que setenv d'Apache ou Fastcgi_param de Nginx); 3. Utilisez la fonction PUTENV () dans les scripts PHP. Parmi eux, PHP.ini convient aux configurations globales et modifiées, la configuration du serveur Web convient aux scénarios qui doivent être isolés et PUTENV () convient aux variables temporaires. Les stratégies de persistance incluent des fichiers de configuration (tels que PHP.ini ou la configuration du serveur Web), les fichiers .env sont chargés de bibliothèque Dotenv et l'injection dynamique de variables dans les processus CI / CD. Les informations sensibles à la gestion de la sécurité doivent être évitées à code dur et il est recommandé de l'utiliser.

Le cache de configuration de Laravel améliore les performances en fusionnant tous les fichiers de configuration dans un seul fichier de cache. L'activation du cache de configuration dans un environnement de production peut réduire les opérations d'E / S et l'analyse de fichiers sur chaque demande, accélérant ainsi le chargement de configuration; 1. Il doit être activé lorsque l'application est déployée, la configuration est stable et aucune modification fréquente n'est requise; 2. Après l'activation, modifiez la configuration, vous devez ré-para?tre phpartisanconfig: cache pour prendre effet; 3. évitez d'utiliser une logique dynamique ou des fermetures qui dépendent des conditions d'exécution dans le fichier de configuration; 4. Lors du dépannage des problèmes, vous devez d'abord effacer le cache, vérifiez les variables .env et re-cache.

Pour permettre aux conteneurs PHP de prendre en charge la construction automatique, le noyau réside dans la configuration du processus d'intégration continue (CI). 1. Utilisez Dockerfile pour définir l'environnement PHP, y compris l'image de base, l'installation d'extension, la gestion de la dépendance et les paramètres d'autorisation; 2. Configurez des outils CI / CD tels que GitLabci et définissez les étapes de construction, de test et de déploiement via le fichier .gitlab-ci.yml pour réaliser une construction, un test et un déploiement automatique; 3. Intégrer des cadres de test tels que PHPUnit pour s'assurer que les tests sont automatiquement exécutés après les modifications du code; 4. Utiliser des stratégies de déploiement automatisées telles que Kubernetes pour définir la configuration de déploiement via le fichier de déploiement.yaml; 5. Optimiser Dockerfile et adopter une construction en plusieurs étapes

Les éloquents de Laravel sont un outil qui résume la logique de requête commune, divisée en portée locale et en portée mondiale. 1. La portée locale est définie avec une méthode commen?ant par la portée et doit être appelée explicitement, comme POST :: publiée (); 2. La portée globale est automatiquement appliquée à toutes les requêtes, souvent utilisées pour la suppression douce ou les systèmes multi-locataires, et l'interface de portée doit être implémentée et enregistrée dans le modèle; 3. La portée peut être équipée de paramètres, tels que le filtrage des articles par année ou par mois, et les paramètres correspondants sont passés lors de l'appel; 4. Faites attention aux spécifications de dénomination, aux appels de cha?ne, à la désactivation temporaire et à l'expansion de la combinaison lors de l'utilisation pour améliorer la clarté du code et la réutilisabilité.

Createahelpers.phpfileinApp / whetters withcustomfonctions likeformatprice, isactiveroute, andisadmin.2.addthefiletothe "fichiers" sectionofcomposer.jsonunderautoload.3.runcomposerdump-autoloadtomakethfunctionsgloballyavailable.4.usethhelperfunctions

Sélectionnez la méthode de journalisation: au stade précoce, vous pouvez utiliser l'erreur intégrée_log () pour PHP. Une fois le projet élargi, assurez-vous de passer à des bibliothèques matures telles que Monolog, prendre en charge plusieurs gestionnaires et niveaux de journal et assurez-vous que le journal contient des horodatages, des niveaux, des numéros de ligne de fichiers et des détails d'erreur; 2. Structure de stockage de conception: une petite quantité de journaux peut être stockée dans des fichiers, et s'il existe un grand nombre de journaux, sélectionnez une base de données s'il existe un grand nombre d'analyses. Utilisez MySQL / PostgreSQL sur des données structurées. Elasticsearch Kibana est recommandé pour semi-structuré / non structuré. Dans le même temps, il est formulé pour les stratégies de sauvegarde et de nettoyage régulières; 3. Interface de développement et d'analyse: il devrait avoir des fonctions de recherche, de filtrage, d'agrégation et de visualisation. Il peut être directement intégré à Kibana ou utiliser la bibliothèque du graphique Framework PHP pour développer l'auto-développement, en se concentrant sur la simplicité et la facilité d'interface.

UseMockeryForcustomDependcesntencesBySettingExpectations withShouldReceive (). 2.UseLaravel’sfake () MethodForfacadesLikEmail, file d'attente, andhttptopReventReinteractions.3.replaceContainer-BoundServices with $ this-> mock () ForcLenersyntax.4.Usehtp

Créer un tableau de références pour enregistrer les relations de recommandation, y compris les références, les références, les codes de recommandation et le temps d'utilisation; 2. Définir l'appartenance et les relations HasMany dans le modèle d'utilisateur pour gérer les données de recommandation; 3. Générer un code de recommandation unique lors de l'enregistrement (peut être implémenté via des événements modèles); 4. Capturez le code de recommandation en interrogeant les paramètres lors de l'enregistrement, établissez une relation de recommandation après vérification et empêchez l'auto-recommandation; 5. Déclencher le mécanisme de récompense lorsque les utilisateurs recommandés terminent le comportement spécifié (ordre d'abonnement); 6. Générer des liens de recommandation partageables et utiliser les URL de signature Laravel pour améliorer la sécurité; 7. Afficher les statistiques de recommandation sur le tableau de bord, telles que le nombre total de recommandations et de nombres convertis; Il est nécessaire de s'assurer que les contraintes de base de données, les séances ou les cookies sont persistées,
