Debugowanie z użyciem Blockly i blockly-samples

Czasami przy tworzeniu wtyczki na podstawie próbek blokowych trzeba wprowadzić odpowiednie zmiany w samym Blockly. Większość wtyczek jest skonfigurowana do pobierania Blockly z rejestru npm, dlatego możesz użyć tylko kodu, który został już udostępniony w npm. Utrudni to debugowanie zmian z Blockly. Jeśli chcesz wprowadzać i testować zmiany zarówno w próbkach blokowych, jak i w próbkach blokowych, możesz użyć narzędzia npm link, aby przetestować nieopublikowane zmiany razem.

Możesz wskazać, by npm używał pakietu z Twojego komputera, zamiast pobierać pakiet z rejestru npm. Ta metoda zapewnia dostęp do map źródłowych, które ułatwiają debugowanie. Możesz używać tej metody w przypadku zmian w podstawowej implementacji, które nie zostały jeszcze przesłane do GitHuba.

  1. W rozwiązaniu Blockly:

    $ npm run package
    $ cd dist
    $ npm link

    Te czynności pozwalają utworzyć podstawowy element Blockly, spakować go, a następnie utworzyć dowiązanie symboliczne do plików w pakiecie.

  2. W Twoim rozwidleniu próbek blokowych:

    $ npm link blockly

    Ten krok informuje npm, że zamiast pobierać pakiet z npm, szuka utworzonego wcześniej dowiązania symbolicznego.

  3. npm run start z katalogu wtyczki, aby ją przetestować.

Po wprowadzeniu zmian w podstawowej usłudze musisz przebudować ją i przepakować.

Po zakończeniu testowania uruchom npm ci na poziomie głównym instancji blockly-samples, aby zresetować stan repozytorium.