Blockly と blockly サンプルを使用してデバッグする

Blockly サンプルでプラグインを開発する場合、Blockly 自体でも対応する変更が必要になることがあります。ほとんどのプラグインは、npm レジストリから Blockly を取得するように設定されているため、npm ですでにリリースされているコードのみを使用できます。これにより、Blockly の変更のデバッグが困難になります。ブロック型とブロック型の両方のサンプルで変更を行い、テストする場合は、npm link を使用して、未リリースの変更をまとめてテストできます。

npm レジストリからパッケージを取得する代わりに、マシンからパッケージを使用するように npm に指示できます。この方法を使用すると、ソースマップにアクセスして、ブロックを簡単にデバッグできます。この方法は、まだ GitHub に push されていないコアの変更で使用できます。

  1. Blockly のフォーク:

    $ npm run package
    $ cd dist
    $ npm link

    以下の手順では、コアの Blockly をビルドしてパッケージ化し、パッケージ化されたファイルへのシンボリック リンクを作成します。

  2. ブロックリー サンプルのフォークで、ルートで以下を行います。

    $ npm link blockly

    このステップでは、npm からパッケージを取得するのではなく、以前に作成したシンボリック リンクを検索するように npm に指示します。

  3. npm run start をプラグインのディレクトリに移動してテストします。

Core で変更を加えた場合は、再ビルドして再パッケージ化する必要があります。

テストが完了したら、blockly-samples のルートレベルで npm ci を実行し、リポジトリの状態をリセットします。