Esegui il debug con Blockly e esempi a blocchi

A volte, quando si sviluppa un plug-in in blockly-samples, è necessario apportare le modifiche corrispondenti in Blockly stesso. La maggior parte dei plug-in è impostata per recuperare Blockly dal registro npm, quindi potrai usare soltanto il codice già rilasciato su npm. Questo renderebbe difficile il debug delle modifiche di Blockly. Se vuoi apportare modifiche e testarle negli esempi a blocchi e a blocchi, puoi utilizzare npm link per testare insieme le modifiche non rilasciate.

Puoi indicare a npm di utilizzare un pacchetto dalla tua macchina anziché recuperare il pacchetto dal registro npm. Con questo metodo, dovresti avere accesso alle mappe source che semplificano il debug. Puoi utilizzare questo metodo con le modifiche nel core di cui non è stato ancora eseguito il push su GitHub.

  1. Nella fork di blockly:

    $ npm run package
    $ cd dist
    $ npm link

    Questi passaggi consentono di creare il core Blockly, pacchettizzarlo e poi creare un collegamento simbolico ai file del pacchetto.

  2. Nel fork degli esempi a blocchi, nella directory principale:

    $ npm link blockly

    Questo passaggio indica a npm di cercare il collegamento simbolico creato in precedenza anziché recuperare il pacchetto da npm.

  3. npm run start dalla directory del plug-in per testarlo.

Quando apporti modifiche al core, devi ricreare e creare un nuovo pacchetto.

Al termine del test, esegui npm ci a livello principale di blockly-samples per reimpostare lo stato del repository.