小编Vor*_*tac的帖子

使用 webpack build 在插件中注册多个自定义古腾堡块

我正在开发一个捆绑多个自定义古腾堡块的插件,我正在使用 @wordpress/scripts npm 模块来构建 webpack。到目前为止效果很好,但是在编辑器中工作时检查控制台会给我关于块已经注册的错误。目前我有 5 个块和 4 个错误,所以我假设在我的插件 PHP 中的每个注册函数调用中,所有块都尝试再次注册。每个块都有自己的 src-js 文件,并且都捆绑到一个 build-js 中。此外,每个块在 PHP 中都有自己的带有 add_action 的 register 函数,但是 plugins_url 始终是相同的 build-js。我相信这是我的 PHP 文件如何处理注册的问题,但老实说,我一直在解决这个问题。我仍在努力应对块带来的所有变化。

包含 2 个块的示例 PHP 代码

<?php
/*
Plugin Name: My Blocks Plugin
*/

/* Block 1 */

function register_my_block_1() {
    wp_register_script(
        'foo-my-block-1',
        plugins_url( 'build/index.js', __FILE__ ),
        array( 'wp-blocks', 'wp-element', 'wp-editor' )
    );

    register_block_type( 'foo/my-block-1', array(
        'editor_script' => 'foo-my-block-1',
    ) );

}
add_action( 'init', 'register_my_block_1' );

/* Block 2 */

function register_my_block_2() {
    wp_register_script(
        'foo-my-block-2', …
Run Code Online (Sandbox Code Playgroud)

wordpress wordpress-gutenberg gutenberg-blocks

4
推荐指数
1
解决办法
2039
查看次数