Déboguer avec Blockly et blockly-samples

Lors du développement d'un plug-in dans des échantillons blockly, vous devrez parfois apporter les modifications correspondantes dans Blockly. La plupart des plug-ins sont configurés pour récupérer Blockly à partir du registre npm. Vous ne pouvez donc utiliser que du code qui a déjà été publié sur npm. Cela rendrait le débogage de vos modifications Blockly difficile. Lorsque vous souhaitez apporter et tester des modifications dans des exemples par blocs et par blocs, vous pouvez utiliser npm link pour tester ensemble vos modifications non publiées.

Lien npm

Vous pouvez demander à npm d'utiliser un package depuis votre machine au lieu de le récupérer à partir du registre npm. Avec cette méthode, vous devriez avoir accès à des cartes sources qui facilitent le débogage de façon bloc. Vous pouvez utiliser cette méthode avec les modifications de base qui n'ont pas encore été transférées vers GitHub.

1. Dans votre fork de blockly:

   $ npm run package
   $ cd dist
   $ npm link
   

   Ces étapes permettent de créer la version de base de Blockly, de l'empaqueter, puis de créer un lien symbolique vers les fichiers du package.

2. Dans votre fourchette d'échantillons blockly, à la racine:

   $ npm link blockly
   

   Cette étape indique à npm de rechercher le lien symbolique que vous avez créé précédemment au lieu de récupérer le package à partir de npm.

3. npm run start à partir du répertoire du plug-in pour tester votre plug-in.

Lorsque vous apportez des modifications dans la version de base, vous devez la recompiler et la réempaqueter.

Lorsque vous avez terminé les tests, exécutez npm ci au niveau racine des exemples blockly pour réinitialiser l'état du dépôt.