WordPress Gutenberg 块的排队样式和脚本

Question

WordPress 古腾堡块的样式和脚本入队的最佳或推荐方法是什么？

我看到一些开发人员推荐 enqueue_block_assets 挂钩，其他开发人员推荐 init 挂钩，引用 register_block_type php 函数中的样式和脚本句柄

我应该使用什么？

Answer 1

这确实取决于用例，因为并非所有情况都是相同的，但我相信并愿意纠正，Wordpress 现在建议使用

register_block_type

来添加脚本和 css。

这是因为通过块注册添加它允许Wordpress仅在使用块时添加CSS。

测试一下看看。使用

enqueue_block_assets

添加块资源，即使该块未加载到页面上，它也会加载到每个页面上。

下面添加的样式和脚本只有在将块添加到页面时才会添加。

我的回答是基于我自己最近的一些测试。 CSS 通过使用寄存器块添加的块在添加块时注入，而不是像

enqueue_block_assets

那样在加载时添加

另请参阅这篇文章作为Wordpress现在推荐的参考文献

register_block_type('namespace/your-block', array(
    'style' => 'view-style-handle',
    'editor_style' => 'editor-style-handle',
    'editor_script' => 'block-script-handle'
));

Answer 2

我自己也在为此苦苦挣扎。正如我在上面提到的参考文献中看到的，这使用了

init

钩子和

register_block_type

这是一篇旧帖子。

在 WordPress 文档中，我看到使用了

enqueue_block_editor_assets

和

enqueue_block_assets

。

参考：https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/applying-styles-with-stylesheets/