WordPress Gutenberg区块样式与脚本入队的推荐方式是什么？

这两种方式并非二选一，而是对应不同场景的规范用法，核心看你要加载的资源类型：

1. 使用register_block_type（绑定到init钩子） #

这是WordPress官方推荐的单个自定义区块专属资源加载方式，资源会和区块绑定，仅在区块被使用（编辑器中加载或前端渲染）时才会加载，避免冗余。

你需要在init钩子中调用register_block_type，通过参数指定区块的编辑器脚本、编辑器样式、前端样式：

add_action( 'init', 'my_custom_block_init' );
function my_custom_block_init() {
    register_block_type( __DIR__ . '/build', array(
        'editor_script' => 'my-block-editor-script', // 编辑器端脚本
        'editor_style'  => 'my-block-editor-style',  // 编辑器端样式
        'style'         => 'my-block-frontend-style',// 前端渲染样式
    ) );
}

这种方式会自动处理WordPress核心依赖（比如wp-blocks、wp-element），完全符合Gutenberg的模块化设计，是自定义区块开发的首选。

2. 使用enqueue_block_assets钩子 #

这个钩子用于加载全局区块相关资源，也就是所有区块都需要的通用样式/脚本，或者需要同时在编辑器和前端全局生效的资源。

比如给所有默认区块添加统一的自定义样式：

add_action( 'enqueue_block_assets', 'my_global_block_assets' );
function my_global_block_assets() {
    wp_enqueue_style(
        'global-block-styles',
        get_template_directory_uri() . '/css/global-blocks.css',
        array( 'wp-block-library' ), // 依赖官方区块库样式
        wp_get_theme()->get( 'Version' )
    );
}

注意：不要用这个钩子加载单个区块的专属资源，否则不管页面是否包含该区块，资源都会被强制加载，造成不必要的性能损耗。

总结 #

• 开发单个自定义区块：优先用register_block_type绑定专属资源，这是官方最佳实践。
• 全局区块资源适配：用enqueue_block_assets加载通用样式/脚本。

内容的提问来源于stack exchange，提问作者osama B.