Introduction détaillée à la ligne de commande Webpack

Mots précédents

Webpack fournit une interface de ligne de commande (CLI) pour configurer et interagir avec le processus de construction. Ceci est utile pour le prototypage précoce, le prototypage, l'écriture de scripts npm ou certains besoins de personnalisation personnels. Cet article présentera en détail l'interface de ligne de commande de webpack

Configurations courantes

【--help】

Répertoriez toutes les options de configuration disponibles sur le ligne de commande

webpack --help
webpack -h

【--config】

Spécifiez d'autres fichiers de configuration. Le fichier de configuration par défaut est webpack.config.js. Si vous souhaitez utiliser d'autres fichiers de configuration, vous pouvez ajouter ce paramètre

webpack --config example.config.js

[--progress]

Imprimez la valeur du pourcentage de progression de la compilation

webpack --progress

【--watch】

Observez les changements du système de fichiers

webpack --watch
webpack -w

[--colors]

Activer/désactiver les couleurs de la console [Par défaut : (supports-color)]

webpack --colors
webpack --color

【-p】

Script d'obfuscation de compression

webpack -p

【--profile】

Enregistrez les données de performances compilées et affichez-les. Il vous indiquera quelles étapes du processus de compilation prennent le plus de temps, ce qui est utile pour optimiser les performances de votre build

Script

Il y a un champ scripts dans le fichier package.json, qui spécifie l'abréviation de la ligne de commande npm pour exécuter les commandes de script. Par conséquent, nous pouvons transformer des commandes courantes en scripts

//package.json
  "scripts": {"w": "webpack --progress  --colors  --watch","p": "webpack -p","dev":"webpack-dev-server"
  }

Lors de l'exécution de npm run w, cela équivaut à exécuter webpack --progress --colors --watch, ce qui signifie exécuter la surveillance Utilisez des caractères colorés et affichez le pourcentage du processus d'empaquetage

Lors de l'exécution de npm run p, cela équivaut à exécuter webpack -p, ce qui signifie compresser le fichier du module

Lors de l'exécution de npm run dev. , cela équivaut à exécuter webpack -dev-server, cela signifie exécuter un serveur local

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!