javascript - WordPress 的 JavaScript 依赖管理？

Question

我将编写一个小型图表库（具有条形图、饼图、折线图等图表类型）以在 WordPress 上下文中使用。该库可能依赖于外部库，例如 D3.js、underscore.js 等。理想情况下，我不必在每个页面上包含所有图表和所有依赖项。

管理跨 WordPress 页面和帖子的这些图表的实例化以及它们的依赖项加载的好方法是什么？Require.js 示例、原生 WP 加载资源或类似的非常受欢迎。

谢谢。

Answer 1

查看 WordPress 的wp_enqueue_script和wp_enqueue_style函数。这是将脚本和样式链接到页面的推荐方法。您可以创建一个自定义函数，使用条件语句检查正在显示的页面模板或页面，并相应地加载相关脚本。这样您就不会在每个页面上加载它们。

function load_my_scripts() {
    if (is_page('Charts')) {
        wp_register_script('custom_script', 'path/to/script/',, '1.0', true);
        wp_enqueue_script('custom_script')
    }
}
add_action( 'wp_enqueue_scripts', 'load_my_scripts' );

注意：该wp_enqueue函数还有一个依赖参数。有关更多详细信息，请参阅 Codex 页面。最后的 'true' 告诉它在页脚中加载脚本，在结束</body>标记之前