Blockly 및 blockly-samples로 디버그

Blockly 샘플에서 플러그인을 개발할 때 Blockly 자체에서 적절하게 변경해야 할 수 있습니다. 대부분의 플러그인은 npm 레지스트리에서 Blockly를 가져오도록 설정되어 있으므로 npm에서 이미 출시된 코드만 사용할 수 있습니다. 이 경우 Blockly 변경사항을 디버깅하기가 어려워집니다. 블록 샘플과 블록 샘플 모두에서 변경사항을 적용하고 테스트하려면 npm link를 사용하여 출시되지 않은 변경사항을 함께 테스트할 수 있습니다.

npm 링크

npm 레지스트리에서 패키지를 가져오는 대신 npm에 머신의 패키지를 사용하도록 할 수 있습니다. 이 메서드를 사용하면 더 쉽게 디버깅할 수 있는 소스맵에 액세스할 수 있습니다. 아직 GitHub로 푸시되지 않은 코어 변경사항에 이 메서드를 사용할 수 있습니다.

1. 블록체인의 포크에서:

   $ npm run package
   $ cd dist
   $ npm link
   

   이 단계에서는 핵심 Blockly를 빌드하여 패키징한 다음 패키징된 파일에 대한 심볼릭 링크를 생성합니다.

2. 블록리 샘플 포크의 루트에서 다음을 실행합니다.

   $ npm link blockly
   

   이 단계는 npm에서 패키지를 가져오는 대신 npm이 이전에 만든 심볼릭 링크를 찾도록 지시합니다.

3. npm run start을 다운로드하여 플러그인을 테스트합니다.

Core를 변경하면 이를 다시 빌드하고 리패키징해야 합니다.

테스트가 완료되면 blockly-samples의 루트 수준에서 npm ci를 실행하여 저장소의 상태를 재설정합니다.