使用 Blockly 和區塊範例進行偵錯

有時以區塊範例開發外掛程式時，您需在 Blockly 本身進行相應的變更。大部分外掛程式都設為「Blockly」從 npm 註冊資料庫擷取，因此您只能使用已在 npm 上發布的程式碼。以免對 Blockly 變更進行偵錯。如要同時測試及測試區塊化和區塊樣本的變更，可以使用 npm link 同時測試未發布的變更。

您可以指示 npm 使用您電腦上的套件，而不是從 npm 登錄檔擷取套件。使用這個方法時，您應該能存取來源對應，讓區塊偵錯作業更加輕鬆。此方法適用於尚未推送至 GitHub 的核心變更。

  1. 在方塊上：

    $ npm run package
    $ cd dist
    $ npm link

    這些步驟會建構核心 Blockly，然後封裝，然後建立封裝檔案的符號連結。

  2. 在區塊範例分支中，從根目錄：

    $ npm link blockly

    這個步驟會指示 npm 尋找您先前建立的符號連結，而不是從 npm 擷取套件。

  3. npm run start 從外掛程式的目錄測試您的外掛程式。

變更核心項目後，必須重新建構並重新封裝。

測試完畢後，請在區塊範例的根層級執行 npm ci，重設存放區的狀態。