Déboguer Nuxt.js dans Webstorm

Pour déboguer une application Nuxt.js avec webstorm :

• Configurez devtool pour utiliser eval-source-map. Devtool est un paramètre de webpack qui contrôle le mappage du code source :

  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
      // config.devtool = 'eval-source-map'
      if (ctx.isDev && ctx.isClient) {
        config.devtool = 'eval-source-map'
      }
    }
  }

• (Facultatif) Servez votre application en ajoutant une cible npm dans Webstorm :

• Ajoutez une cible pour déboguer votre code Javascript, pointant vers l'URL de votre application :

• Placez votre point d'arrêt et lancez le débogage.