Qu'est-ce que Devtool dans Webpack ?
Qu'est-ce que Devtool dans Webpack ?

Vidéo: Qu'est-ce que Devtool dans Webpack ?

Vidéo: Qu'est-ce que Devtool dans Webpack ?
Vidéo: Comprendre Webpack (1/15) : Découverte de Webpack 2024, Novembre
Anonim

Outil de développement . Cette option contrôle si et comment les cartes source sont générées. Utilisez SourceMapDevToolPlugin pour une configuration plus fine. Voir le source-map-loader pour gérer les cartes sources existantes.

En conséquence, qu'est-ce que Sourcemap dans Webpack ?

Dans un sens, les cartes sources sont l'anneau de décodeur de votre code secret (minifié). À l'aide de Webpack , en spécifiant devtool: "source-map" dans votre Webpack config activera les cartes source, et Webpack affichera une directive sourceMappingURL dans votre fichier final minifié.

Par la suite, la question est, qu'est-ce que la fusion Webpack ? Webpack - fusionner fournit un fusionner fonction qui concatène des tableaux et fusionne des objets en créant un nouvel objet. Chaque fois que vous avez besoin de fusionner objets de configuration, Webpack - fusionner peut être utile. Il y a aussi un Webpack spécifique fusionner variante connue sous le nom fusionner.

A ce propos, à quoi sert Webpack ?

Webpack est un bundler de modules statiques pour les applications JavaScript - il prend tout le code de votre application et le rend utilisable dans un navigateur Web. Les modules sont des morceaux de code réutilisables construits à partir du JavaScript, des node_modules, des images et des styles CSS de votre application qui sont emballés pour être facilement utilisé dans votre site web.

Comment fonctionnent les Sourcemaps ?

Comment Les cartes sources fonctionnent . Comme son nom l'indique, une carte source se compose de tout un tas d'informations qui peuvent être utilisées pour mapper le code d'un fichier compressé vers sa source d'origine. Vous pouvez spécifier une carte source différente pour chacun de vos fichiers compressés.

Conseillé: