在Sally CJ写的标记答案的帮助下，我能够写出这个答案，这是我想要的答案的一个更简洁的版本。

在下面的示例中，我使用的是荷兰语言环境（nl\\u nl），但可以随意使用其他语言环境，如it\\it或en\\US。

---

Themake-pot WP CLI命令仅在主题或插件的根目录中使用时执行预期任务。这也是包含Plugin 或Theme 标题。

要获得预期结果，请运行以下命令：

1. wp i18n make-pot .
2. cp ./languages/my-plugin-slug.pot ./languages/my-plugin-slug-nl_NL.po
3. npx po2json languages/my-plugin-slug-nl_NL.po languages/my-plugin-slug-nl_NL-my-plugin-script-handler.json -f jed1.x;                    

在插件PHP文件中，使用以下代码：

function register_block_my_gutenberg_block() {
    load_plugin_textdomain( \'my-plugin-slug\', false, plugin_dir_path( __FILE__ ) . \'languages\' ); 

    $asset_file = include( plugin_dir_path( __FILE__ ) . \'build/index.asset.php\' );

    wp_register_script(
        \'my-plugin-script-handler\',
        plugin_dir_url( __FILE__ ) . \'build/index.js\',
        $asset_file[\'dependencies\'],
        $asset_file[\'version\'],
        true
    );

    register_block_type(
        \'my-namespace/my-gutenberg-block\',
        array(
            \'editor_script\' => \'my-plugin-script-handler\'
        )
    );

    wp_set_script_translations( 
        \'my-plugin-script-handler\', 
        \'my-plugin-slug\',
        plugin_dir_path( __FILE__ ) . \'languages\' 
    );
}

add_action( \'init\', \'register_block_my_gutenberg_block\' );

如文件中所述，How to Internationalize Your Plugin, “文本域必须与插件的slug匹配”。这就是为什么my-plugin-slug 用于标记为文本域的位置。

PoEdit

您也可以使用PoEdit进行翻译。只需使用make-pot 如上步骤1所述，然后在PoEdit中打开新创建的pot文件。创建翻译并将其另存为my-plugin-slug-nl_NL.po. 然后使用步骤3中的命令生成.json-文件

Package.json

你可以通过添加make-pot 和make-json 到您的package.json 文件现在如果你npm run make-pot, 将创建pot文件。用它来翻译。然后使用npm run make-json 要为所有.po 文件。确保更改my-plugin-handler.json 到PHP文件中定义的脚本处理程序的名称wp_register_script.

  "scripts": {
    "build": "wp-scripts build",
    "format:js": "wp-scripts format-js",
    "lint:js": "wp-scripts lint-js src",
    "packages-update": "wp-scripts packages-update",
    "start": "wp-scripts start",
    "make-pot": "wp i18n make-pot .",
    "make-json": "find . -iname \\"*.po\\" -type f -exec sh -c \'npx po2json $0 $(dirname $0)/$(basename $0 .po)-my-plugin-script-handler.json -f jed1.x\' {} \\\\;"
  },

此处的其他答案建议使用npx po2json 而不是wp i18n make-json 但这可能对每个人都不理想，因为wp i18n make-json 是生成json文件的标准方式。以下是您的工作方式：

确保使用@wordpress/scripts来构建JS。此软件包在后台使用webpack，所有翻译功能都已保留，因此make pot扫描仪可以扫描它们。有关此软件包的详细信息：https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/#advanced-usage

<运行make pot命令时，显式包括JS构建目录，并排除JS源目录：wp i18n make-pot ./ languages/domain.pot --exclude=path/to/js/src --include=path/to/js/build/ --ignore-domain. 现在，您的POT文件将只引用在页面上实际排队的生成文件。

运行make json。生成的JSON文件的md5哈希将正确引用页面上加载的实际脚本。