web-dev-qa-db-fra.com

Comment activer le mode débogage dans Webpack?

J'essaie d'utiliser l'option bypassOnDebug dans le chargeur d'images, ce qui signifie que je dois mettre Webpack en "mode débogage" (selon la documentation du chargeur d'images).

Le serveur de développement utilise-t-il automatiquement le mode débogage ou dois-je le spécifier dans la configuration Webpack?

Si je dois le préciser, pourriez-vous fournir un exemple de code?

javascriptwebpack
34
Justin

Webpack 2 & 3

La propriété debug de la configuration de niveau supérieur est non seulement obsolète, mais non valide.

Au lieu de cela, vous devez le configurer à un niveau par chargeur, comme décrit dans ce message d'erreur incroyablement convivial qui s'affiche lorsque vous exécutez le jeu de propriétés debug de niveau supérieur désormais invalide:

The 'debug' property was removed in webpack 2.

Loaders should be updated to allow passing this option 
via loader options in module.rules.

Until loaders are updated one can use the LoaderOptionsPlugin 
to switch loaders into debug mode:

plugins: [
  new webpack.LoaderOptionsPlugin({
    debug: true
  })
]

Les docs ont aussi des informations similaires.

Note

J'ai trouvé que mettre à jour tous mes chargeurs au plus tard et les essayer un par un pour voir s'ils acceptaient une option debug était un peu lourd, étant donné que je voulais seulement les mettre tous vrais ou tous faux en fonction de la config.

Si tel est votre cas, je peux confirmer que l'utilisation de webpack.LoaderOptionsPlugin est le moyen le plus simple. Cela fonctionne, pour tous les chargeurs anciens et nouveaux.

52
davnicwil