Configuration de module.exports pour webpack.js
Le module.exports est un objet spécial étant inclus dans chaque fichier JavaScript de l'application Node.js par défaut. Le module est une variable représentant le module actuel et les exportations est un objet étant exposé en tant que module. Ainsi, tout ce que vous attribuez à module.exports sera exposé en tant que module.
Le webpack.js utilise le même principe que le module.exports de Node.js, ainsi il aura la syntaxe suivante dans le fichier .js (exemple webpack.js) :
|
module.exports = { champ1: definition1, champ2: definition2, champ3: definition3, //... }; |
Le paramètre de champ principale (champ1, champ2, champ3,...) sont les suivantes :
| Champ | Description |
|---|---|
| context | Ce champ permet d'indiquer l'objet d'entrée est l'endroit où webpack cherche à commencer à créer le bundle. Le contexte est une chaîne de caractères absolue du répertoire contenant les fichiers d'entrée. |
| devServer | Ce champ permet de développer rapidement une application à l'aide de webpack-dev-server. |
| devtool | Ce champ permet de contrôler si et comment les cartographies source sont générées. |
| entry | Ce champ permet d'indiquer le ou les points où démarrer le processus de regroupement d'applications. Si un tableau est passé, tous les éléments seront traités. |
| experiments | Ce champ permet de configurer les fonctionnalités expérimentales et sujet à changement d'une version à l'autre. |
| externals | Ce champ permet d'exclure les dépendances des bundles de sortie. Au lieu de cela, le bundle créé repose sur cette dépendance pour être présent dans l'environnement du client (toute application de l'utilisateur final). Cette fonctionnalité est généralement la plus utile pour les développeurs de bibliothèques, mais il existe une variété d'applications pour cela. |
| mode | Ce champ permet de fournir l'option de configuration de mode indique à webpack pour l'utiliser sur des optimisations intégrées en conséquence. |
| module | Ce champ permet de déterminer comment les différents types de modules d'un projet seront traités. |
| node | Ce champ permet de configurer s'il faut polyfill ou simuler certains globaux Node.js. Cette fonctionnalité est fournie par le plugiciel NodeStuffPlugin interne de webpack. |
| optimization | Ce champ permet d'indiquer les optimisations la configuration manuelle et les remplacements. |
| output | Ce champ permet d'indiquer la clef de sortie de niveau supérieur contient un ensemble d'options indiquant à webpack comment et où il doit sortir vos bundles, vos assets et tout ce que vous regroupez ou chargez avec webpack. |
| performance | Ce champ permet de contrôler la manière dont webpack vous informe des actifs et des points d'entrée dépassant une limite de fichier spécifique. |
| plugins | Ce champ permet d'indiquer de personnaliser le processus de construction du webpack de différentes manières. Le webpack est livré avec une variété de plugiciels intégrés disponibles sous webpack. |
| resolve | Ce champ permet de modifier la façon dont les modules sont résolus. Le webpack fournit des valeurs par défaut raisonnables, mais il est possible de modifier la résolution en détail. |
| stats | Ce champ permet de contrôler précisément les informations sur le bundle s'affichant. Cela peut être un bon compromis si vous ne voulez pas utiliser quiet ou noInfo parce que vous voulez des informations sur les bundles, mais pas toutes. |
| target | Ce champ permet de compiler plusieurs environnements ou cibles. |
| watchOptions | Ce champ permet de regarder les fichiers et les recompiler chaque fois qu'ils changent. |
Dernière mise à jour : Dimanche, le 2 mai 2021