


Ce didacticiel montre comment tirer parti de Laravel Mix, un emballage API WebPack rationalisé, pour la compilation d'actifs dans des projets en dehors du cadre Laravel. Cette approche accélère considérablement la configuration du projet en éliminant le besoin d'une configuration de pack Web approfondie.
Avantages clés:
- Compilation d'actifs simplifiée: Laravel Mix simplifie les complexités de webpack, faisant du traitement des actifs (JavaScript, CSS, etc.) beaucoup plus facile.
- Configuration rapide du projet: Passez moins de temps à configurer des outils de construction et plus de temps à construire votre application.
- Configuration Webpack non requise: Laravel Mix gère la configuration de la webpack pour vous, éliminant le besoin d'un fichier séparé
webpack.config.js
.
Prérequis:
- Node.js et npm: essentiels pour exécuter le mélange de laravel. Vérifiez l'installation avec
node -v
etnpm -v
. - php et compositeur (facultatif): requis pour les fonctionnalités de versioning et de rechargement chaud. Homestead améliorée fournit un environnement préconfiguré pratique.
- JSON de base et familiarité terminale: La compréhension des opérations de base de la ligne de commande est utile.
Installation et configuration:
-
Initialisation du projet: Créer un nouveau répertoire de projet.
-
Installez les dépendances: Utilisez NPM pour installer Laravel Mix,
cross-env
(pour les variables d'environnement multiplateforme) etnode-sass
(pour la compilation SASS):npm install laravel-mix cross-env node-sass --save-dev
-
Créer
webpack.mix.js
: Dans le répertoire racine de votre projet, créezwebpack.mix.js
avec les suivants:const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css');
-
Mise à jour
package.json
: Ajoutez les scripts suivants à votre fichierpackage.json
:"scripts": { "dev": "cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "hot": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "production": "cross-env NODE_ENV=production webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },
-
Créer des fichiers d'actifs: Créez les fichiers
resources/js/app.js
etresources/sass/app.scss
comme spécifié danswebpack.mix.js
. Ajoutez du contenu d'échantillonnage (par exemple, le style CSS dansapp.scss
). -
Exécutez Laravel Mix: Exécutez
npm run dev
pour compiler vos actifs. La sortie sera dans les répertoirespublic/js
etpublic/css
.
Rechargement chaud et éclatement de cache (facultatif):
Pour un flux de travail de développement amélioré, activez le rechargement chaud et le cache:
-
Créer
mix.php
: Créer un fichiermix.php
dans la racine de votre projet:npm install laravel-mix cross-env node-sass --save-dev
-
Mise à jour
composer.json
: Ajouter"files": ["mix.php"]
à la section"autoload"
de votrecomposer.json
. Exécutercomposer dump-autoload
. -
Modifier
webpack.mix.js
: Ajouter.version()
et.browserSync()
à votre cha?ne de mixagewebpack.mix.js
:const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css');
-
Run
npm run hot
: Cela démarre un serveur de développement avec un rechargement chaud.
build de production:
Pour le déploiement, utilisez npm run production
pour générer des actifs optimisés et minifiés.
Conclusion:
Laravel Mix propose une approche conviviale pour gérer la compilation d'actifs dans des projets non-laravel, rationaliser le processus de développement et réduire directement les frais généraux associés à la configuration de WebPack directement. Les fonctionnalités en option de rechargement à chaud et d'éclatement de cache améliorent encore l'expérience du développeur. N'oubliez pas d'ajouter node_modules
à votre fichier .gitignore
.
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)

Les problèmes et les solutions courants pour la portée de la variable PHP incluent: 1. La variable globale ne peut pas être accessible dans la fonction, et elle doit être transmise en utilisant le mot-clé ou le paramètre global; 2. La variable statique est déclarée avec statique, et elle n'est initialisée qu'une seule fois et la valeur est maintenue entre plusieurs appels; 3. Des variables hyperglobales telles que $ _get et $ _post peuvent être utilisées directement dans n'importe quelle portée, mais vous devez faire attention au filtrage s?r; 4. Les fonctions anonymes doivent introduire des variables de portée parents via le mot clé Utiliser, et lorsque vous modifiez les variables externes, vous devez passer une référence. La ma?trise de ces règles peut aider à éviter les erreurs et à améliorer la stabilité du code.

Pour gérer en toute sécurité les téléchargements de fichiers PHP, vous devez vérifier la source et taper, contr?ler le nom et le chemin du fichier, définir les restrictions du serveur et traiter les fichiers multimédias deux fois. 1. Vérifiez la source de téléchargement pour empêcher le CSRF via le jeton et détecter le type de mime réel via FINFO_FILE en utilisant le contr?le de liste blanche; 2. Renommez le fichier à une cha?ne aléatoire et déterminez l'extension pour la stocker dans un répertoire non Web en fonction du type de détection; 3. La configuration PHP limite la taille de téléchargement et le répertoire temporaire Nginx / Apache interdit l'accès au répertoire de téléchargement; 4. La bibliothèque GD résait les images pour effacer des données malveillantes potentielles.

Il existe trois méthodes courantes pour le code de commentaire PHP: 1. Utiliser // ou # pour bloquer une ligne de code, et il est recommandé d'utiliser //; 2. Utiliser /.../ pour envelopper des blocs de code avec plusieurs lignes, qui ne peuvent pas être imbriquées mais peuvent être croisées; 3. Compétences combinées Commentaires tels que l'utilisation / if () {} / pour contr?ler les blocs logiques, ou pour améliorer l'efficacité avec les touches de raccourci de l'éditeur, vous devez prêter attention aux symboles de fermeture et éviter les nidification lorsque vous les utilisez.

AgeneratorInphpisamemory-EfficientwaytoterateOrgedatasetsByyieldingValuesonEatatimeIntedofreturningThemallAtonce.1.GeneratorsUsEtheieldKeywordToproduceValuesondemand, ReducingMemoryUsage.2.TheyAreusefulForHandlingBigloops, ReadingLargeFiles, OR OR.

La clé pour rédiger des commentaires PHP est de clarifier l'objectif et les spécifications. Les commentaires devraient expliquer "pourquoi" plut?t que "ce qui a été fait", en évitant la redondance ou trop de simplicité. 1. Utilisez un format unifié, tel que DocBlock (/ * /) pour les descriptions de classe et de méthode afin d'améliorer la lisibilité et la compatibilité des outils; 2. Soulignez les raisons de la logique, telles que pourquoi les sauts JS doivent être sortis manuellement; 3. Ajoutez une description d'une vue d'ensemble avant le code complexe, décrivez le processus dans les étapes et aidez à comprendre l'idée globale; 4. Utilisez TODO et FIXME Rationalement pour marquer des éléments et des problèmes de taches pour faciliter le suivi et la collaboration ultérieurs. De bonnes annotations peuvent réduire les co?ts de communication et améliorer l'efficacité de la maintenance du code.

En PHP, vous pouvez utiliser des crochets ou des accolades bouclées pour obtenir des caractères d'index spécifiques à la cha?ne, mais les crochets sont recommandés; L'index commence à partir de 0 et l'accès à l'extérieur de la plage renvoie une valeur nulle et ne peut pas se voir attribuer une valeur; MB_substr est nécessaire pour gérer les caractères multi-octets. Par exemple: $ str = "Hello"; echo $ str [0]; sortie h; et les caractères chinois tels que MB_substr ($ str, 1,1) doivent obtenir le résultat correct; Dans les applications réelles, la longueur de la cha?ne doit être vérifiée avant le boucle, les cha?nes dynamiques doivent être vérifiées pour la validité et les projets multilingues recommandent d'utiliser des fonctions de sécurité multi-octets uniformément.

Toinstallphpquickly, usexAmpPonWindowsorHomebrewonMacos.1.onwindows, downloadAndInstallxAmppp, selectComponents, startapache et placefilesInhtdocs.2.

Toléarnphpeffective, startBySettingUpAlocalServerERironmentUsingToolsLILYXAMPPANDACODEDITERLIGHILLEVSCODE.1) INSTRUSITIONXAMPFORAPACHE, MYSQL, ANDPHP.2) USACODEDEDITORFORSYNTAXSUPPORT.3)
