使用 Blockly 和 blockly-samples 进行调试

有时,在 blockly-samples 中开发插件时,您需要在 Blockly 本身中进行相应的更改。大多数插件都设置为从 npm 注册表提取 Blockly,因此您只能使用 npm 上已经发布的代码。这样一来,您将很难调试 Blockly 更改。如果您要在分块样本和分块示例中进行更改并进行测试,您可以使用 npm link 同时测试未发布的更改。

您可以指示 npm 使用机器中的软件包,而不是从 npm 注册表中提取该软件包。使用此方法,您应该能够访问源代码映射,从而更轻松地进行调试。您可以对尚未推送到 GitHub 的核心更改使用此方法。

  1. 在分块的分支中:

    $ npm run package
    $ cd dist
    $ npm link
    

    以下步骤将构建核心 Blockly,将其打包,然后创建指向打包文件的符号链接。

  2. 在 blockly-samples 的分支中,在根目录下:

    $ npm link blockly
    

    此步骤会告知 npm 查找您之前创建的符号链接,而不是从 npm 提取软件包。

  3. npm run start,用于测试您的插件。

当您在核心中进行更改时,必须重新构建和重新打包它。

完成测试后,在 blockly-samples 的根目录下运行 npm ci 以重置代码库的状态。