Section courante

A propos

Section administrative du site

output

Sortie
webpack module.exports

Syntaxe

output: {option: objet,...}

Paramètres

Paramètre Description
option Ce paramètre permet d'indiquer l'un des options suivantes :
Option Description
assetModuleFilename Cette option permet de déterminer le nom de chaque bundle de sortie pour les modules Asset. Identique à output.filename mais pour les modules Asset.
auxiliaryComment Cette option permet d'indiquer aux utilisateurs d'insérer des commentaires dans l'enveloppe d'exportation lorsqu'elle est utilisée en tandem avec output.library et output.libraryTarget. Pour insérer le même commentaire pour chaque type de libraryTarget, définissez auxiliaireComment sur une chaîne de caractères.
charset Cette option permet d'indiquer à webpack d'ajouter charset="utf-8" à la balise <script> du HTML.
chunkFilename Cette option permet de déterminer le nom des fichiers de blocs non initiaux.
chunkLoadTimeout Cette option permet d'indiquer le nombre de millisecondes avant l'expiration de la demande de bloc. Cette option est prise en charge depuis le webpack 2.6.0.
chunkLoading Cette option permet d'indiquer la méthode pour charger des morceaux (les méthodes incluses par défaut sont 'jsonp' (web), 'importScripts' (WebWorker), 'require' (node.js synchronisé), 'async-node' (node.js désychronisé), mais d'autres pourraient être ajouté par des plugiciels).
chunkLoadingGlobal Cette option permet d'indiquer la variable globale utilisée par webpack pour le chargement de blocs.
chunkFormat Cette option permet d'indiquer le format des morceaux (les formats inclus par défaut sont 'array-push' (web/WebWorker), 'commonjs' (node.js), mais d'autres peuvent être ajoutés par des plugiciels.
clean Cette option permet d'indiquer la méthode de nettoyage de la sortie.
compareBeforeEmit Cette option permet d'indiquer à webpack de vérifier si le fichier à émettre existe déjà et a le même contenu avant d'écrire dans le système de fichiers de sortie.
crossOriginLoading Cette option permet d'indiquer à webpack d'activer le chargement cross-origin des morceaux. Ne prend effet que lorsque la cible est définie sur «web», utilisant JSONP pour charger des blocs à la demande, en ajoutant des balises de script.
devtoolFallbackModuleFilenameTemplate Cette option permet d'indiquer une solution de secours utilisée lorsque la chaîne de caractères de gabarit ou la fonction produit des doublons.
devtoolModuleFilenameTemplate Cette option permet d'indiquer les noms de module de devtool. Cette option n'est utilisée que lorsque devtool utilise une option qui nécessite des noms de module. Personnalisez les noms utilisés dans le tableau des sources de chaque carte source. Cela peut être fait en passant une chaîne de caractères ou une fonction de gabarit. Par exemple, lors de l'utilisation de devtool: 'eval'.
devtoolNamespace Cette option permet de déterminer l'espace de noms des modules utilisé avec output.devtoolModuleFilenameTemplate. Lorsqu'il n'est pas spécifié, la valeur par défaut est: output.library. Il est utilisé pour éviter les collisions de chemin de fichier source dans les sourcemaps lors du chargement de plusieurs bibliothèques créées avec webpack. Par exemple, si vous avez 2 bibliothèques, avec des espaces de noms library1 et library2, ayant tous deux un fichier ./src/index.js (avec un contenu potentiellement différent), ils exposeront ces fichiers sous forme de webpack://library1/./src/index.js et webpack://library2/./src/index.js.
enabledChunkLoadingTypes Cette option permet d'indiquer la liste des types de chargement de bloc activés pour une utilisation par les points d'entrée. Il sera automatiquement rempli par webpack. Il est uniquement nécessaire lors de l'utilisation d'une fonction comme option d'entrée et du renvoi de l'option chunkLoading à partir de là.
enabledLibraryTypes Cette option permet d'indiquer la liste des types de bibliothèques activés pour une utilisation par les points d'entrée.
enabledWasmLoadingTypes Cette option permet d'indiquer la liste des types de chargement de wasm activés pour une utilisation par les points d'entrée.
environment Cette option permet d'indiquer à webpack quel type de fonctionnalités ES peut être utilisé dans le code d'exécution généré.
filename Cette option permet de déterminer le nom de chaque bundle de sortie. Le bundle est écrit dans le répertoire spécifié par l'option output.path. Pour un point d'entrée unique, il peut s'agir d'un nom statique.
futureEmitAssets Cette option permet d'indiquer à webpack d'utiliser la future version de la logique d'émission d'Asset, permettant de libérer la mémoire des actifs après l'émission. Cela pourrait casser les plugiciels supposant que les Asset sont toujours lisibles après leur émission.
globalObject Cette option permet d'indiquer quel objet global sera utilisé pour monter la bibliothèque lorsque vous ciblez une bibliothèque, en particulier lorsque libraryTarget est 'umd'. Pour rendre la compilation UMD disponible à la fois sur les navigateurs Web et sur Node.js, définissez l'option output.globalObject sur «this». La valeur par défaut est self pour les cibles de type Web.
hashDigest Cette option permet d'indiquer l'encodage à utiliser lors de la génération du hachage. Tous les encodages de hash.digest de Node.JS sont pris en charge. Utiliser 'base64' pour les noms de fichiers peut être problématique car il a le caractère/dans son alphabet. De même, «latin1» peut contenir n'importe quel caractère.
hashDigestLength Cette option permet d'indiquer la longueur du préfixe du condensé de hachage à utiliser.
hashFunction Cette option permet d'indiquer l'algorithme de hachage à utiliser. Toutes les fonctions de crypto.createHash de Node.JS sont prises en charge. Depuis la version 4.0.0-alpha2, la fonction hashFunction peut désormais être un constructeur d'une fonction de hachage personnalisée. Vous pouvez fournir une fonction de hachage non cryptographique pour des raisons de performances.
hashSalt Cette option permet d'indiquer un salt facultatif pour mettre à jour le hachage via le hash.update de Node.JS.
hotUpdateChunkFilename Cette option permet de personnaliser les noms de fichiers des blocs de mise à jour à chaud.
hotUpdateGlobal Cette option permet d'indiquer mises à jour à chaud global. Utilisé uniquement lorsque la cible est définie sur 'web', utilisant JSONP pour charger les mises à jour à chaud. Une fonction JSONP utilisée pour charger de manière désynchronisé des blocs de mise à jour à chaud.
hotUpdateMainFilename Cette option permet de personnaliser le nom de fichier principal de la mise à jour à chaud. [fullhash] et [runtime] sont disponibles comme espace réservé.
iife Cette option permet d'indiquer à webpack d'ajouter un enveloppe IIFE autour du code émis.
importFunctionName Cette option permet d'indiquer le nom de la fonction native import(). Peut être utilisé pour le polyfilling, par exemple avec dynamic-import-polyfill.
library Cette option permet d'indiquer la sortie d'une bibliothèque exposant les exportations de votre point d'entrée.
library.auxiliaryComment Cette option permet d'ajouter un commentaire dans l'enveloppe UMD.
library.export Cette option permet d'indiquer quelle exportation doit être exposée en tant que bibliothèque.
library.name Cette option permet d'indiquer un nom pour la bibliothèque.
library.type Cette option permet de configurer comment la bibliothèque sera exposée.
library.umdNamedDefine Cette option permet de définir un umb. Lorsque vous utilisez output.library.type: "umd", la définition de output.library.umdNamedDefine sur true nomme le module AMD de la version UMD. Sinon, une définition anonyme est utilisée.
libraryExport Cette option permet de configurer le ou les modules étant exposés via le libraryTarget. Il n'est pas défini par défaut, le même comportement sera appliqué si vous définissez libraryTarget sur une chaîne de caractères vide, par exemple. Le '' exportera tout l'objet (espace de noms).
libraryTarget Cette option permet de configurer comment la bibliothèque sera exposée. Veuillez noter que cette option fonctionne en conjonction avec la valeur affectée à output.library. Pour les exemples suivants, il est supposé que la valeur de output.library est configurée en tant que MyLibrary.
module Cette option permet d'indiquer l'exportation des fichiers JavaScript comme type de module. Cette option est désactiver par défaut car il s'agit d'une fonctionnalité expérimentale. Lorsqu'il est activé, webpack définira output.iife sur false, output.scriptType sur 'module' et terserOptions.module sur true en interne. Si vous utilisez webpack pour compiler une bibliothèque à consommer par d'autres, assurez-vous de définir output.libraryTarget sur 'module' lorsque output.module à la valeur true.
path Cette option permet d'indiquer le répertoire de sortie comme chemin absolu.
pathinfo Cette option permet d'indiquer à webpack d'inclure des commentaires dans les bundles avec des informations sur les modules contenus. Cette option prend par défaut la valeur true en développement et false en mode production respectivement. 'verbose' affiche plus d'informations comme les exportations, les exigences d'exécution et les renflouements.
publicPath Cette option permet d'indiquer le chemin publique. C'est une option importante lorsque vous utilisez le chargement à la demande ou le chargement de ressources externes telles que des images, des fichiers,... Si une valeur incorrecte est spécifiée, vous recevrez des erreurs 404 lors du chargement de ces ressources.
scriptType Cette option permet de charger des blocs désynchronisées avec un type de script personnalisé, tel que <script type="module" ...>.
sourceMapFilename Cette option permet de configurer le nom des cartographies source. Ne prend effet que lorsque devtool est défini sur 'source-map', écrivant un fichier de sortie.
sourcePrefix Cette option permet de modifier le préfixe de chaque ligne dans les lots de sortie.
strictModuleErrorHandling Cette option permet de gérer l'erreur de chargement du module selon les spécifications des modules EcmaScript selon le coût de performance.
strictModuleExceptionHandling Cette option permet d'indiquer à webpack de supprimer un module du cache d'instance de module (require.cache) s'il lève une exception quand cela est nécessaire.
umdNamedDefine Cette option permet de définir un umb. Lorsque vous utilisez libraryTarget: "umd", la définition de output.umdNamedDefine sur true nomme le module AMD de la version UMD. Sinon, une définition anonyme est utilisée.
uniqueName Cette option permet d'indiquer un nom unique de la compilation Webpack pour éviter que plusieurs exécutions webpack ne soient en conflit lors de l'utilisation de globals. Il prend par défaut le nom output.library ou le nom du paquet de package.json dans le contexte, si les deux ne sont pas trouvés, il est défini sur ''. Le output.uniqueName sera utilisé pour générer des globaux uniques pour output.chunkLoadingGlobal.
wasmLoading Cette option permet de définir la méthode de chargement des modules WebAssembly. Les méthodes incluses par défaut sont 'fetch' (web/WebWorker), 'async-node' (Node.js), mais d'autres peuvent être ajoutées par des plugiciels.
workerChunkLoading Cette option permet d'indiquer la nouvelle option workerChunkLoading contrôle le chargement des blocs de noeuds de calcul.

Description

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.



Dernière mise à jour : Vendredi, le 7 Mai 2021